option, html,
body {
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0625rem;
  font-family: system-ui, Arial, Roboto, sans-serif;
}

button,
input,
select,
textarea {
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.0625rem;
}

:root {
  --fw-primary: #1a82e5;
  --fw-secondary: #585858;
  --fw-danger: #e73b4a;
  --fw-warning: #ffc107;
  --fw-success: #009d4f;
  --fw-light: #fff;
  --fw-dark: #313131;
  --fw-info: #10C1C9;
  --fw-orange: #f1a860;
  --fw-violet: #a74bd2;
  --fw-indigo: #8941ff;
  --fw-pink: #e077ad;
  --fw-blue-1: #badaf7;
  --fw-blue-2: #8dc1f2;
  --fw-blue-3: #5fa8ed;
  --fw-blue-4: #489bea;
  --fw-blue-5: #1a82e5;
  --fw-blue-6: #1568b7;
  --fw-blue-7: #125ba0;
  --fw-green-1: #b3e2ca;
  --fw-green-2: #80cea7;
  --fw-green-3: #4dba84;
  --fw-green-4: #33b172;
  --fw-green-5: #009d4f;
  --fw-green-6: #007e3f;
  --fw-green-7: #006e37;
  --fw-red-1: #f8c4c9;
  --fw-red-2: #f39da5;
  --fw-red-3: #ee7680;
  --fw-red-4: #ec626e;
  --fw-red-5: #e73b4a;
  --fw-red-6: #b92f3b;
  --fw-red-7: #a22934;
  --fw-orange-1: #fadec3;
  --fw-orange-2: #f7c99c;
  --fw-orange-3: #f3b374;
  --fw-orange-4: #f1a860;
  --fw-orange-5: #EE9238;
  --fw-orange-6: #be752d;
  --fw-orange-7: #a76627;
  --fw-violet-1: #debcee;
  --fw-violet-2: #c88fe3;
  --fw-violet-3: #b262d8;
  --fw-violet-4: #a74bd2;
  --fw-violet-5: #911eC7;
  --fw-violet-6: #74189f;
  --fw-violet-7: #66158b;
  --fw-indigo-1: #d3b8ff;
  --fw-indigo-2: #b588ff;
  --fw-indigo-3: #9758ff;
  --fw-indigo-4: #8941ff;
  --fw-indigo-5: #6B11FF;
  --fw-indigo-6: #560ecc;
  --fw-indigo-7: #4b0cb3;
  --fw-cyan-1: #b7ecef;
  --fw-cyan-2: #88e0e4;
  --fw-cyan-3: #58d4d9;
  --fw-cyan-4: #40cdd4;
  --fw-cyan-5: #10C1C9;
  --fw-cyan-6: #0d9aa1;
  --fw-cyan-7: #0b878d;
  --fw-pink-1: #f3cce0;
  --fw-pink-2: #ecaacc;
  --fw-pink-3: #e488b7;
  --fw-pink-4: #e077ad;
  --fw-pink-5: #d85598;
  --fw-pink-6: #ad447a;
  --fw-pink-7: #973c6a;
  --fw-yellow-1: #ffecb5;
  --fw-yellow-2: #ffe083;
  --fw-yellow-3: #ffd451;
  --fw-yellow-4: #ffcd39;
  --fw-yellow-5: #ffc107;
  --fw-yellow-6: #cc9a06;
  --fw-yellow-7: #b38705;
  --fw-dark-1: #292929;
  --fw-dark-2: #2c2c2c;
  --fw-dark-3: #2e2e2e;
  --fw-dark-4: #313131;
  --fw-dark-5: #343434;
  --fw-dark-6: #363636;
  --fw-dark-7: #393939;
  --fw-white-1: #f1f1f1;
  --fw-white-2: #f2f2f2;
  --fw-white-3: #f3f3f3;
  --fw-white-4: #f4f4f4;
  --fw-white-5: #f5f5f5;
  --fw-white-6: #f6f6f6;
  --fw-white-7: #f7f7f7;
  --fw-gray-1: #c5c5c5;
  --fw-gray-2: #9f9f9f;
  --fw-gray-3: #797979;
  --fw-gray-4: #656565;
  --fw-gray-5: #3f3f3f;
  --fw-gray-6: #323232;
  --fw-gray-7: #2c2c2c;
  --fw-font-sans-serif: system-ui, Arial, Roboto, sans-serif;
  --fw-font-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100vw;
  height: 100vh;
  background-color: #f4f4f4;
}

img {
  display: block;
  height: auto;
  margin: 0 auto;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

p,
span {
  font-size: 1rem;
  line-height: 1.4;
  color: #3f3f3f;
}

strong {
  font-size: 1rem;
  font-weight: 800;
}

a {
  color: #1a82e5;
  text-decoration: underline;
}
a:hover {
  text-decoration: underline #5fa8ed;
}

hr {
  margin: 0.6rem 0;
  border-bottom: 1px solid #3f3f3f;
}

em,
i {
  font-size: 1.1rem;
  font-style: italic;
}

small,
figcaption {
  font-size: 0.9rem;
}

del {
  color: #3f3f3f;
}

sup,
sub {
  font-size: 78%;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.4rem;
}

sub {
  bottom: -0.4rem;
}

button + label,
button + input[type=checkbox],
button + input[type=radio],
input + label,
input + input[type=checkbox],
input + input[type=radio],
select + label,
select + input[type=checkbox],
select + input[type=radio],
textarea + label,
textarea + input[type=checkbox],
textarea + input[type=radio] {
  page-break-before: always;
}

fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
fieldset legend {
  margin: 1.2rem 0;
}

textarea {
  min-height: 6rem;
  min-width: 20rem;
  max-width: 38rem;
}

label {
  display: inline-block;
  margin-bottom: 0.7rem;
  font-weight: 600;
  font-size: 1.1rem;
  color: #313131;
}
label + * {
  page-break-before: always;
}
label > input {
  margin-bottom: 0;
}

input[type=submit],
input[type=reset],
button {
  background: #aaa;
  color: #585858;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
  display: inline;
  margin-bottom: 1rem;
  margin-right: 0.7rem;
  padding: 0.625rem;
}
input[type=submit][disabled],
input[type=reset][disabled],
button[disabled] {
  background: #e6e6e6;
  color: #262626;
  cursor: not-allowed;
}

input[type=submit],
button[type=submit] {
  background: #1a82e5;
  color: #fff;
  padding: 0.625rem;
}

input[type=button],
button[type=button] {
  background: #009d4f;
  color: #fff;
}
input[type=button]:hover,
button[type=button]:hover {
  background: #006533;
  color: #c4c4c4;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=phone],
input[type=tel],
input[type=number],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=color],
input[type=time],
input[type=search],
input[type=range],
input[type=file],
input[type=datetime-local],
select,
textarea {
  padding: 0.6rem 0.5rem;
}

input[type=checkbox],
input[type=radio] {
  flex-grow: 0;
  height: 1.65rem;
  margin-left: 0;
  margin-right: 0.7rem;
  vertical-align: middle;
}
input[type=checkbox] + label,
input[type=radio] + label {
  page-break-before: avoid;
}

select[multiple] {
  min-width: 16rem;
}

canvas {
  height: 10rem;
  width: 20rem;
  max-width: 100%;
}

section,
main,
article {
  margin: 0 auto;
  width: 100%;
}

nav {
  text-align: center;
}
nav ul {
  margin: 0;
  text-align: center;
}
nav ul li {
  display: inline-block;
}
nav ul li + li {
  margin-left: 0.7rem;
}

p {
  font-weight: 400;
  color: #3f3f3f;
}

dl,
ol,
ul {
  margin-top: 0.9rem;
  margin-bottom: 0.9rem;
}

li dl,
li ol,
li ul {
  margin-bottom: 0;
}

dl {
  display: inline-block;
}

dt {
  padding: 0 1rem;
}

dd {
  padding: 0 1rem 0.25rem;
}
dd:last-of-type {
  border-bottom: 0.06rem solid #3f3f3f;
}
dd + dt {
  border-top: 0.06rem solid #3f3f3f;
  padding-top: 0.5rem;
}

table,
th,
td,
tr {
  border: 1px solid #313131;
  border-collapse: collapse;
}

table {
  display: table;
  width: 100%;
}

th {
  font-weight: 600;
}

td,
th {
  text-align: left;
  padding: 0.8rem;
}

caption {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.8rem;
}

pre,
code,
kbd,
samp,
var,
output {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.9rem;
}

code,
kbd {
  padding: 0.5rem;
  border-radius: 0.3rem;
  background: #aaa;
  color: #009d4f;
  display: inline-block;
}

kbd {
  background: #009d4f;
  color: #fff;
  border: 1px solid #009d4f;
}

pre {
  border-left: 0.1rem solid #717171;
  line-height: 0.8rem;
  overflow: auto;
  padding-left: 0;
}
pre code {
  background: none;
  border: 0;
  line-height: 1.65rem;
  padding: 0;
}

@media (max-width: 45rem) {
  header,
footer {
    padding: 0.8rem 0;
  }

  main,
section,
article {
    margin: 0 auto;
    max-width: 100%;
  }

  input,
textarea,
select,
p,
table {
    width: 100%;
    max-width: 24rem;
    min-width: 0;
  }

  canvas {
    height: 9rem;
    width: 18rem;
  }
}
.br-lf-solid {
  border-left-style: solid !important;
}

.br-style-solid {
  border-style: solid !important;
}

.br-lf-dotted {
  border-left-style: dotted !important;
}

.br-style-dotted {
  border-style: dotted !important;
}

.br-lf-dashed {
  border-left-style: dashed !important;
}

.br-style-dashed {
  border-style: dashed !important;
}

.br-lf-double {
  border-left-style: double !important;
}

.br-style-double {
  border-style: double !important;
}

.br-lf-groove {
  border-left-style: groove !important;
}

.br-style-groove {
  border-style: groove !important;
}

.br-lf-ridge {
  border-left-style: ridge !important;
}

.br-style-ridge {
  border-style: ridge !important;
}

.br-lf-inset {
  border-left-style: inset !important;
}

.br-style-inset {
  border-style: inset !important;
}

.br-lf-outset {
  border-left-style: outset !important;
}

.br-style-outset {
  border-style: outset !important;
}

.br-lf-width-1 {
  border-left-width: 0.0625rem !important;
}

.br-width-1 {
  border-width: 0.0625rem !important;
}

.br-lf-width-2 {
  border-left-width: 0.125rem !important;
}

.br-width-2 {
  border-width: 0.125rem !important;
}

.br-lf-width-3 {
  border-left-width: 0.1875rem !important;
}

.br-width-3 {
  border-width: 0.1875rem !important;
}

.br-lf-width-4 {
  border-left-width: 0.25rem !important;
}

.br-width-4 {
  border-width: 0.25rem !important;
}

.br-lf-width-5 {
  border-left-width: 0.3125rem !important;
}

.br-width-5 {
  border-width: 0.3125rem !important;
}

.br-lf-width-6 {
  border-left-width: 0.375rem !important;
}

.br-width-6 {
  border-width: 0.375rem !important;
}

.br-lf-width-7 {
  border-left-width: 0.4375rem !important;
}

.br-width-7 {
  border-width: 0.4375rem !important;
}

.br-lf-width-8 {
  border-left-width: 0.5rem !important;
}

.br-width-8 {
  border-width: 0.5rem !important;
}

.br-lf-width-9 {
  border-left-width: 0.5625rem !important;
}

.br-width-9 {
  border-width: 0.5625rem !important;
}

.br-lf-width-10 {
  border-left-width: 0.625rem !important;
}

.br-width-10 {
  border-width: 0.625rem !important;
}

.br-lf-color-primary {
  border-left-color: #1a82e5 !important;
}

.br-color-primary {
  border-color: #1a82e5 !important;
}

.br-lf-color-secondary {
  border-left-color: #585858 !important;
}

.br-color-secondary {
  border-color: #585858 !important;
}

.br-lf-color-danger {
  border-left-color: #e73b4a !important;
}

.br-color-danger {
  border-color: #e73b4a !important;
}

.br-lf-color-warning {
  border-left-color: #ffc107 !important;
}

.br-color-warning {
  border-color: #ffc107 !important;
}

.br-lf-color-success {
  border-left-color: #009d4f !important;
}

.br-color-success {
  border-color: #009d4f !important;
}

.br-lf-color-light {
  border-left-color: #fff !important;
}

.br-color-light {
  border-color: #fff !important;
}

.br-lf-color-dark {
  border-left-color: #313131 !important;
}

.br-color-dark {
  border-color: #313131 !important;
}

.br-lf-color-info {
  border-left-color: #10C1C9 !important;
}

.br-color-info {
  border-color: #10C1C9 !important;
}

.br-lf-color-orange {
  border-left-color: #f1a860 !important;
}

.br-color-orange {
  border-color: #f1a860 !important;
}

.br-lf-color-violet {
  border-left-color: #a74bd2 !important;
}

.br-color-violet {
  border-color: #a74bd2 !important;
}

.br-lf-color-indigo {
  border-left-color: #8941ff !important;
}

.br-color-indigo {
  border-color: #8941ff !important;
}

.br-lf-color-pink {
  border-left-color: #e077ad !important;
}

.br-color-pink {
  border-color: #e077ad !important;
}

.br-lf-color-blue-1 {
  border-left-color: #badaf7 !important;
}

.br-color-blue-1 {
  border-color: #badaf7 !important;
}

.br-lf-color-blue-2 {
  border-left-color: #8dc1f2 !important;
}

.br-color-blue-2 {
  border-color: #8dc1f2 !important;
}

.br-lf-color-blue-3 {
  border-left-color: #5fa8ed !important;
}

.br-color-blue-3 {
  border-color: #5fa8ed !important;
}

.br-lf-color-blue-4 {
  border-left-color: #489bea !important;
}

.br-color-blue-4 {
  border-color: #489bea !important;
}

.br-lf-color-blue-5 {
  border-left-color: #1a82e5 !important;
}

.br-color-blue-5 {
  border-color: #1a82e5 !important;
}

.br-lf-color-blue-6 {
  border-left-color: #1568b7 !important;
}

.br-color-blue-6 {
  border-color: #1568b7 !important;
}

.br-lf-color-blue-7 {
  border-left-color: #125ba0 !important;
}

.br-color-blue-7 {
  border-color: #125ba0 !important;
}

.br-lf-color-green-1 {
  border-left-color: #b3e2ca !important;
}

.br-color-green-1 {
  border-color: #b3e2ca !important;
}

.br-lf-color-green-2 {
  border-left-color: #80cea7 !important;
}

.br-color-green-2 {
  border-color: #80cea7 !important;
}

.br-lf-color-green-3 {
  border-left-color: #4dba84 !important;
}

.br-color-green-3 {
  border-color: #4dba84 !important;
}

.br-lf-color-green-4 {
  border-left-color: #33b172 !important;
}

.br-color-green-4 {
  border-color: #33b172 !important;
}

.br-lf-color-green-5 {
  border-left-color: #009d4f !important;
}

.br-color-green-5 {
  border-color: #009d4f !important;
}

.br-lf-color-green-6 {
  border-left-color: #007e3f !important;
}

.br-color-green-6 {
  border-color: #007e3f !important;
}

.br-lf-color-green-7 {
  border-left-color: #006e37 !important;
}

.br-color-green-7 {
  border-color: #006e37 !important;
}

.br-lf-color-red-1 {
  border-left-color: #f8c4c9 !important;
}

.br-color-red-1 {
  border-color: #f8c4c9 !important;
}

.br-lf-color-red-2 {
  border-left-color: #f39da5 !important;
}

.br-color-red-2 {
  border-color: #f39da5 !important;
}

.br-lf-color-red-3 {
  border-left-color: #ee7680 !important;
}

.br-color-red-3 {
  border-color: #ee7680 !important;
}

.br-lf-color-red-4 {
  border-left-color: #ec626e !important;
}

.br-color-red-4 {
  border-color: #ec626e !important;
}

.br-lf-color-red-5 {
  border-left-color: #e73b4a !important;
}

.br-color-red-5 {
  border-color: #e73b4a !important;
}

.br-lf-color-red-6 {
  border-left-color: #b92f3b !important;
}

.br-color-red-6 {
  border-color: #b92f3b !important;
}

.br-lf-color-red-7 {
  border-left-color: #a22934 !important;
}

.br-color-red-7 {
  border-color: #a22934 !important;
}

.br-lf-color-orange-1 {
  border-left-color: #fadec3 !important;
}

.br-color-orange-1 {
  border-color: #fadec3 !important;
}

.br-lf-color-orange-2 {
  border-left-color: #f7c99c !important;
}

.br-color-orange-2 {
  border-color: #f7c99c !important;
}

.br-lf-color-orange-3 {
  border-left-color: #f3b374 !important;
}

.br-color-orange-3 {
  border-color: #f3b374 !important;
}

.br-lf-color-orange-4 {
  border-left-color: #f1a860 !important;
}

.br-color-orange-4 {
  border-color: #f1a860 !important;
}

.br-lf-color-orange-5 {
  border-left-color: #EE9238 !important;
}

.br-color-orange-5 {
  border-color: #EE9238 !important;
}

.br-lf-color-orange-6 {
  border-left-color: #be752d !important;
}

.br-color-orange-6 {
  border-color: #be752d !important;
}

.br-lf-color-orange-7 {
  border-left-color: #a76627 !important;
}

.br-color-orange-7 {
  border-color: #a76627 !important;
}

.br-lf-color-violet-1 {
  border-left-color: #debcee !important;
}

.br-color-violet-1 {
  border-color: #debcee !important;
}

.br-lf-color-violet-2 {
  border-left-color: #c88fe3 !important;
}

.br-color-violet-2 {
  border-color: #c88fe3 !important;
}

.br-lf-color-violet-3 {
  border-left-color: #b262d8 !important;
}

.br-color-violet-3 {
  border-color: #b262d8 !important;
}

.br-lf-color-violet-4 {
  border-left-color: #a74bd2 !important;
}

.br-color-violet-4 {
  border-color: #a74bd2 !important;
}

.br-lf-color-violet-5 {
  border-left-color: #911eC7 !important;
}

.br-color-violet-5 {
  border-color: #911eC7 !important;
}

.br-lf-color-violet-6 {
  border-left-color: #74189f !important;
}

.br-color-violet-6 {
  border-color: #74189f !important;
}

.br-lf-color-violet-7 {
  border-left-color: #66158b !important;
}

.br-color-violet-7 {
  border-color: #66158b !important;
}

.br-lf-color-indigo-1 {
  border-left-color: #d3b8ff !important;
}

.br-color-indigo-1 {
  border-color: #d3b8ff !important;
}

.br-lf-color-indigo-2 {
  border-left-color: #b588ff !important;
}

.br-color-indigo-2 {
  border-color: #b588ff !important;
}

.br-lf-color-indigo-3 {
  border-left-color: #9758ff !important;
}

.br-color-indigo-3 {
  border-color: #9758ff !important;
}

.br-lf-color-indigo-4 {
  border-left-color: #8941ff !important;
}

.br-color-indigo-4 {
  border-color: #8941ff !important;
}

.br-lf-color-indigo-5 {
  border-left-color: #6B11FF !important;
}

.br-color-indigo-5 {
  border-color: #6B11FF !important;
}

.br-lf-color-indigo-6 {
  border-left-color: #560ecc !important;
}

.br-color-indigo-6 {
  border-color: #560ecc !important;
}

.br-lf-color-indigo-7 {
  border-left-color: #4b0cb3 !important;
}

.br-color-indigo-7 {
  border-color: #4b0cb3 !important;
}

.br-lf-color-cyan-1 {
  border-left-color: #b7ecef !important;
}

.br-color-cyan-1 {
  border-color: #b7ecef !important;
}

.br-lf-color-cyan-2 {
  border-left-color: #88e0e4 !important;
}

.br-color-cyan-2 {
  border-color: #88e0e4 !important;
}

.br-lf-color-cyan-3 {
  border-left-color: #58d4d9 !important;
}

.br-color-cyan-3 {
  border-color: #58d4d9 !important;
}

.br-lf-color-cyan-4 {
  border-left-color: #40cdd4 !important;
}

.br-color-cyan-4 {
  border-color: #40cdd4 !important;
}

.br-lf-color-cyan-5 {
  border-left-color: #10C1C9 !important;
}

.br-color-cyan-5 {
  border-color: #10C1C9 !important;
}

.br-lf-color-cyan-6 {
  border-left-color: #0d9aa1 !important;
}

.br-color-cyan-6 {
  border-color: #0d9aa1 !important;
}

.br-lf-color-cyan-7 {
  border-left-color: #0b878d !important;
}

.br-color-cyan-7 {
  border-color: #0b878d !important;
}

.br-lf-color-pink-1 {
  border-left-color: #f3cce0 !important;
}

.br-color-pink-1 {
  border-color: #f3cce0 !important;
}

.br-lf-color-pink-2 {
  border-left-color: #ecaacc !important;
}

.br-color-pink-2 {
  border-color: #ecaacc !important;
}

.br-lf-color-pink-3 {
  border-left-color: #e488b7 !important;
}

.br-color-pink-3 {
  border-color: #e488b7 !important;
}

.br-lf-color-pink-4 {
  border-left-color: #e077ad !important;
}

.br-color-pink-4 {
  border-color: #e077ad !important;
}

.br-lf-color-pink-5 {
  border-left-color: #d85598 !important;
}

.br-color-pink-5 {
  border-color: #d85598 !important;
}

.br-lf-color-pink-6 {
  border-left-color: #ad447a !important;
}

.br-color-pink-6 {
  border-color: #ad447a !important;
}

.br-lf-color-pink-7 {
  border-left-color: #973c6a !important;
}

.br-color-pink-7 {
  border-color: #973c6a !important;
}

.br-lf-color-yellow-1 {
  border-left-color: #ffecb5 !important;
}

.br-color-yellow-1 {
  border-color: #ffecb5 !important;
}

.br-lf-color-yellow-2 {
  border-left-color: #ffe083 !important;
}

.br-color-yellow-2 {
  border-color: #ffe083 !important;
}

.br-lf-color-yellow-3 {
  border-left-color: #ffd451 !important;
}

.br-color-yellow-3 {
  border-color: #ffd451 !important;
}

.br-lf-color-yellow-4 {
  border-left-color: #ffcd39 !important;
}

.br-color-yellow-4 {
  border-color: #ffcd39 !important;
}

.br-lf-color-yellow-5 {
  border-left-color: #ffc107 !important;
}

.br-color-yellow-5 {
  border-color: #ffc107 !important;
}

.br-lf-color-yellow-6 {
  border-left-color: #cc9a06 !important;
}

.br-color-yellow-6 {
  border-color: #cc9a06 !important;
}

.br-lf-color-yellow-7 {
  border-left-color: #b38705 !important;
}

.br-color-yellow-7 {
  border-color: #b38705 !important;
}

.br-lf-color-dark-1 {
  border-left-color: #292929 !important;
}

.br-color-dark-1 {
  border-color: #292929 !important;
}

.br-lf-color-dark-2 {
  border-left-color: #2c2c2c !important;
}

.br-color-dark-2 {
  border-color: #2c2c2c !important;
}

.br-lf-color-dark-3 {
  border-left-color: #2e2e2e !important;
}

.br-color-dark-3 {
  border-color: #2e2e2e !important;
}

.br-lf-color-dark-4 {
  border-left-color: #313131 !important;
}

.br-color-dark-4 {
  border-color: #313131 !important;
}

.br-lf-color-dark-5 {
  border-left-color: #343434 !important;
}

.br-color-dark-5 {
  border-color: #343434 !important;
}

.br-lf-color-dark-6 {
  border-left-color: #363636 !important;
}

.br-color-dark-6 {
  border-color: #363636 !important;
}

.br-lf-color-dark-7 {
  border-left-color: #393939 !important;
}

.br-color-dark-7 {
  border-color: #393939 !important;
}

.br-lf-color-white-1 {
  border-left-color: #f1f1f1 !important;
}

.br-color-white-1 {
  border-color: #f1f1f1 !important;
}

.br-lf-color-white-2 {
  border-left-color: #f2f2f2 !important;
}

.br-color-white-2 {
  border-color: #f2f2f2 !important;
}

.br-lf-color-white-3 {
  border-left-color: #f3f3f3 !important;
}

.br-color-white-3 {
  border-color: #f3f3f3 !important;
}

.br-lf-color-white-4 {
  border-left-color: #f4f4f4 !important;
}

.br-color-white-4 {
  border-color: #f4f4f4 !important;
}

.br-lf-color-white-5 {
  border-left-color: #f5f5f5 !important;
}

.br-color-white-5 {
  border-color: #f5f5f5 !important;
}

.br-lf-color-white-6 {
  border-left-color: #f6f6f6 !important;
}

.br-color-white-6 {
  border-color: #f6f6f6 !important;
}

.br-lf-color-white-7 {
  border-left-color: #f7f7f7 !important;
}

.br-color-white-7 {
  border-color: #f7f7f7 !important;
}

.br-lf-color-gray-1 {
  border-left-color: #c5c5c5 !important;
}

.br-color-gray-1 {
  border-color: #c5c5c5 !important;
}

.br-lf-color-gray-2 {
  border-left-color: #9f9f9f !important;
}

.br-color-gray-2 {
  border-color: #9f9f9f !important;
}

.br-lf-color-gray-3 {
  border-left-color: #797979 !important;
}

.br-color-gray-3 {
  border-color: #797979 !important;
}

.br-lf-color-gray-4 {
  border-left-color: #656565 !important;
}

.br-color-gray-4 {
  border-color: #656565 !important;
}

.br-lf-color-gray-5 {
  border-left-color: #3f3f3f !important;
}

.br-color-gray-5 {
  border-color: #3f3f3f !important;
}

.br-lf-color-gray-6 {
  border-left-color: #323232 !important;
}

.br-color-gray-6 {
  border-color: #323232 !important;
}

.br-lf-color-gray-7 {
  border-left-color: #2c2c2c !important;
}

.br-color-gray-7 {
  border-color: #2c2c2c !important;
}

.br-rt-solid {
  border-right-style: solid !important;
}

.br-style-solid {
  border-style: solid !important;
}

.br-rt-dotted {
  border-right-style: dotted !important;
}

.br-style-dotted {
  border-style: dotted !important;
}

.br-rt-dashed {
  border-right-style: dashed !important;
}

.br-style-dashed {
  border-style: dashed !important;
}

.br-rt-double {
  border-right-style: double !important;
}

.br-style-double {
  border-style: double !important;
}

.br-rt-groove {
  border-right-style: groove !important;
}

.br-style-groove {
  border-style: groove !important;
}

.br-rt-ridge {
  border-right-style: ridge !important;
}

.br-style-ridge {
  border-style: ridge !important;
}

.br-rt-inset {
  border-right-style: inset !important;
}

.br-style-inset {
  border-style: inset !important;
}

.br-rt-outset {
  border-right-style: outset !important;
}

.br-style-outset {
  border-style: outset !important;
}

.br-rt-width-1 {
  border-right-width: 0.0625rem !important;
}

.br-width-1 {
  border-width: 0.0625rem !important;
}

.br-rt-width-2 {
  border-right-width: 0.125rem !important;
}

.br-width-2 {
  border-width: 0.125rem !important;
}

.br-rt-width-3 {
  border-right-width: 0.1875rem !important;
}

.br-width-3 {
  border-width: 0.1875rem !important;
}

.br-rt-width-4 {
  border-right-width: 0.25rem !important;
}

.br-width-4 {
  border-width: 0.25rem !important;
}

.br-rt-width-5 {
  border-right-width: 0.3125rem !important;
}

.br-width-5 {
  border-width: 0.3125rem !important;
}

.br-rt-width-6 {
  border-right-width: 0.375rem !important;
}

.br-width-6 {
  border-width: 0.375rem !important;
}

.br-rt-width-7 {
  border-right-width: 0.4375rem !important;
}

.br-width-7 {
  border-width: 0.4375rem !important;
}

.br-rt-width-8 {
  border-right-width: 0.5rem !important;
}

.br-width-8 {
  border-width: 0.5rem !important;
}

.br-rt-width-9 {
  border-right-width: 0.5625rem !important;
}

.br-width-9 {
  border-width: 0.5625rem !important;
}

.br-rt-width-10 {
  border-right-width: 0.625rem !important;
}

.br-width-10 {
  border-width: 0.625rem !important;
}

.br-rt-color-primary {
  border-right-color: #1a82e5 !important;
}

.br-color-primary {
  border-color: #1a82e5 !important;
}

.br-rt-color-secondary {
  border-right-color: #585858 !important;
}

.br-color-secondary {
  border-color: #585858 !important;
}

.br-rt-color-danger {
  border-right-color: #e73b4a !important;
}

.br-color-danger {
  border-color: #e73b4a !important;
}

.br-rt-color-warning {
  border-right-color: #ffc107 !important;
}

.br-color-warning {
  border-color: #ffc107 !important;
}

.br-rt-color-success {
  border-right-color: #009d4f !important;
}

.br-color-success {
  border-color: #009d4f !important;
}

.br-rt-color-light {
  border-right-color: #fff !important;
}

.br-color-light {
  border-color: #fff !important;
}

.br-rt-color-dark {
  border-right-color: #313131 !important;
}

.br-color-dark {
  border-color: #313131 !important;
}

.br-rt-color-info {
  border-right-color: #10C1C9 !important;
}

.br-color-info {
  border-color: #10C1C9 !important;
}

.br-rt-color-orange {
  border-right-color: #f1a860 !important;
}

.br-color-orange {
  border-color: #f1a860 !important;
}

.br-rt-color-violet {
  border-right-color: #a74bd2 !important;
}

.br-color-violet {
  border-color: #a74bd2 !important;
}

.br-rt-color-indigo {
  border-right-color: #8941ff !important;
}

.br-color-indigo {
  border-color: #8941ff !important;
}

.br-rt-color-pink {
  border-right-color: #e077ad !important;
}

.br-color-pink {
  border-color: #e077ad !important;
}

.br-rt-color-blue-1 {
  border-right-color: #badaf7 !important;
}

.br-color-blue-1 {
  border-color: #badaf7 !important;
}

.br-rt-color-blue-2 {
  border-right-color: #8dc1f2 !important;
}

.br-color-blue-2 {
  border-color: #8dc1f2 !important;
}

.br-rt-color-blue-3 {
  border-right-color: #5fa8ed !important;
}

.br-color-blue-3 {
  border-color: #5fa8ed !important;
}

.br-rt-color-blue-4 {
  border-right-color: #489bea !important;
}

.br-color-blue-4 {
  border-color: #489bea !important;
}

.br-rt-color-blue-5 {
  border-right-color: #1a82e5 !important;
}

.br-color-blue-5 {
  border-color: #1a82e5 !important;
}

.br-rt-color-blue-6 {
  border-right-color: #1568b7 !important;
}

.br-color-blue-6 {
  border-color: #1568b7 !important;
}

.br-rt-color-blue-7 {
  border-right-color: #125ba0 !important;
}

.br-color-blue-7 {
  border-color: #125ba0 !important;
}

.br-rt-color-green-1 {
  border-right-color: #b3e2ca !important;
}

.br-color-green-1 {
  border-color: #b3e2ca !important;
}

.br-rt-color-green-2 {
  border-right-color: #80cea7 !important;
}

.br-color-green-2 {
  border-color: #80cea7 !important;
}

.br-rt-color-green-3 {
  border-right-color: #4dba84 !important;
}

.br-color-green-3 {
  border-color: #4dba84 !important;
}

.br-rt-color-green-4 {
  border-right-color: #33b172 !important;
}

.br-color-green-4 {
  border-color: #33b172 !important;
}

.br-rt-color-green-5 {
  border-right-color: #009d4f !important;
}

.br-color-green-5 {
  border-color: #009d4f !important;
}

.br-rt-color-green-6 {
  border-right-color: #007e3f !important;
}

.br-color-green-6 {
  border-color: #007e3f !important;
}

.br-rt-color-green-7 {
  border-right-color: #006e37 !important;
}

.br-color-green-7 {
  border-color: #006e37 !important;
}

.br-rt-color-red-1 {
  border-right-color: #f8c4c9 !important;
}

.br-color-red-1 {
  border-color: #f8c4c9 !important;
}

.br-rt-color-red-2 {
  border-right-color: #f39da5 !important;
}

.br-color-red-2 {
  border-color: #f39da5 !important;
}

.br-rt-color-red-3 {
  border-right-color: #ee7680 !important;
}

.br-color-red-3 {
  border-color: #ee7680 !important;
}

.br-rt-color-red-4 {
  border-right-color: #ec626e !important;
}

.br-color-red-4 {
  border-color: #ec626e !important;
}

.br-rt-color-red-5 {
  border-right-color: #e73b4a !important;
}

.br-color-red-5 {
  border-color: #e73b4a !important;
}

.br-rt-color-red-6 {
  border-right-color: #b92f3b !important;
}

.br-color-red-6 {
  border-color: #b92f3b !important;
}

.br-rt-color-red-7 {
  border-right-color: #a22934 !important;
}

.br-color-red-7 {
  border-color: #a22934 !important;
}

.br-rt-color-orange-1 {
  border-right-color: #fadec3 !important;
}

.br-color-orange-1 {
  border-color: #fadec3 !important;
}

.br-rt-color-orange-2 {
  border-right-color: #f7c99c !important;
}

.br-color-orange-2 {
  border-color: #f7c99c !important;
}

.br-rt-color-orange-3 {
  border-right-color: #f3b374 !important;
}

.br-color-orange-3 {
  border-color: #f3b374 !important;
}

.br-rt-color-orange-4 {
  border-right-color: #f1a860 !important;
}

.br-color-orange-4 {
  border-color: #f1a860 !important;
}

.br-rt-color-orange-5 {
  border-right-color: #EE9238 !important;
}

.br-color-orange-5 {
  border-color: #EE9238 !important;
}

.br-rt-color-orange-6 {
  border-right-color: #be752d !important;
}

.br-color-orange-6 {
  border-color: #be752d !important;
}

.br-rt-color-orange-7 {
  border-right-color: #a76627 !important;
}

.br-color-orange-7 {
  border-color: #a76627 !important;
}

.br-rt-color-violet-1 {
  border-right-color: #debcee !important;
}

.br-color-violet-1 {
  border-color: #debcee !important;
}

.br-rt-color-violet-2 {
  border-right-color: #c88fe3 !important;
}

.br-color-violet-2 {
  border-color: #c88fe3 !important;
}

.br-rt-color-violet-3 {
  border-right-color: #b262d8 !important;
}

.br-color-violet-3 {
  border-color: #b262d8 !important;
}

.br-rt-color-violet-4 {
  border-right-color: #a74bd2 !important;
}

.br-color-violet-4 {
  border-color: #a74bd2 !important;
}

.br-rt-color-violet-5 {
  border-right-color: #911eC7 !important;
}

.br-color-violet-5 {
  border-color: #911eC7 !important;
}

.br-rt-color-violet-6 {
  border-right-color: #74189f !important;
}

.br-color-violet-6 {
  border-color: #74189f !important;
}

.br-rt-color-violet-7 {
  border-right-color: #66158b !important;
}

.br-color-violet-7 {
  border-color: #66158b !important;
}

.br-rt-color-indigo-1 {
  border-right-color: #d3b8ff !important;
}

.br-color-indigo-1 {
  border-color: #d3b8ff !important;
}

.br-rt-color-indigo-2 {
  border-right-color: #b588ff !important;
}

.br-color-indigo-2 {
  border-color: #b588ff !important;
}

.br-rt-color-indigo-3 {
  border-right-color: #9758ff !important;
}

.br-color-indigo-3 {
  border-color: #9758ff !important;
}

.br-rt-color-indigo-4 {
  border-right-color: #8941ff !important;
}

.br-color-indigo-4 {
  border-color: #8941ff !important;
}

.br-rt-color-indigo-5 {
  border-right-color: #6B11FF !important;
}

.br-color-indigo-5 {
  border-color: #6B11FF !important;
}

.br-rt-color-indigo-6 {
  border-right-color: #560ecc !important;
}

.br-color-indigo-6 {
  border-color: #560ecc !important;
}

.br-rt-color-indigo-7 {
  border-right-color: #4b0cb3 !important;
}

.br-color-indigo-7 {
  border-color: #4b0cb3 !important;
}

.br-rt-color-cyan-1 {
  border-right-color: #b7ecef !important;
}

.br-color-cyan-1 {
  border-color: #b7ecef !important;
}

.br-rt-color-cyan-2 {
  border-right-color: #88e0e4 !important;
}

.br-color-cyan-2 {
  border-color: #88e0e4 !important;
}

.br-rt-color-cyan-3 {
  border-right-color: #58d4d9 !important;
}

.br-color-cyan-3 {
  border-color: #58d4d9 !important;
}

.br-rt-color-cyan-4 {
  border-right-color: #40cdd4 !important;
}

.br-color-cyan-4 {
  border-color: #40cdd4 !important;
}

.br-rt-color-cyan-5 {
  border-right-color: #10C1C9 !important;
}

.br-color-cyan-5 {
  border-color: #10C1C9 !important;
}

.br-rt-color-cyan-6 {
  border-right-color: #0d9aa1 !important;
}

.br-color-cyan-6 {
  border-color: #0d9aa1 !important;
}

.br-rt-color-cyan-7 {
  border-right-color: #0b878d !important;
}

.br-color-cyan-7 {
  border-color: #0b878d !important;
}

.br-rt-color-pink-1 {
  border-right-color: #f3cce0 !important;
}

.br-color-pink-1 {
  border-color: #f3cce0 !important;
}

.br-rt-color-pink-2 {
  border-right-color: #ecaacc !important;
}

.br-color-pink-2 {
  border-color: #ecaacc !important;
}

.br-rt-color-pink-3 {
  border-right-color: #e488b7 !important;
}

.br-color-pink-3 {
  border-color: #e488b7 !important;
}

.br-rt-color-pink-4 {
  border-right-color: #e077ad !important;
}

.br-color-pink-4 {
  border-color: #e077ad !important;
}

.br-rt-color-pink-5 {
  border-right-color: #d85598 !important;
}

.br-color-pink-5 {
  border-color: #d85598 !important;
}

.br-rt-color-pink-6 {
  border-right-color: #ad447a !important;
}

.br-color-pink-6 {
  border-color: #ad447a !important;
}

.br-rt-color-pink-7 {
  border-right-color: #973c6a !important;
}

.br-color-pink-7 {
  border-color: #973c6a !important;
}

.br-rt-color-yellow-1 {
  border-right-color: #ffecb5 !important;
}

.br-color-yellow-1 {
  border-color: #ffecb5 !important;
}

.br-rt-color-yellow-2 {
  border-right-color: #ffe083 !important;
}

.br-color-yellow-2 {
  border-color: #ffe083 !important;
}

.br-rt-color-yellow-3 {
  border-right-color: #ffd451 !important;
}

.br-color-yellow-3 {
  border-color: #ffd451 !important;
}

.br-rt-color-yellow-4 {
  border-right-color: #ffcd39 !important;
}

.br-color-yellow-4 {
  border-color: #ffcd39 !important;
}

.br-rt-color-yellow-5 {
  border-right-color: #ffc107 !important;
}

.br-color-yellow-5 {
  border-color: #ffc107 !important;
}

.br-rt-color-yellow-6 {
  border-right-color: #cc9a06 !important;
}

.br-color-yellow-6 {
  border-color: #cc9a06 !important;
}

.br-rt-color-yellow-7 {
  border-right-color: #b38705 !important;
}

.br-color-yellow-7 {
  border-color: #b38705 !important;
}

.br-rt-color-dark-1 {
  border-right-color: #292929 !important;
}

.br-color-dark-1 {
  border-color: #292929 !important;
}

.br-rt-color-dark-2 {
  border-right-color: #2c2c2c !important;
}

.br-color-dark-2 {
  border-color: #2c2c2c !important;
}

.br-rt-color-dark-3 {
  border-right-color: #2e2e2e !important;
}

.br-color-dark-3 {
  border-color: #2e2e2e !important;
}

.br-rt-color-dark-4 {
  border-right-color: #313131 !important;
}

.br-color-dark-4 {
  border-color: #313131 !important;
}

.br-rt-color-dark-5 {
  border-right-color: #343434 !important;
}

.br-color-dark-5 {
  border-color: #343434 !important;
}

.br-rt-color-dark-6 {
  border-right-color: #363636 !important;
}

.br-color-dark-6 {
  border-color: #363636 !important;
}

.br-rt-color-dark-7 {
  border-right-color: #393939 !important;
}

.br-color-dark-7 {
  border-color: #393939 !important;
}

.br-rt-color-white-1 {
  border-right-color: #f1f1f1 !important;
}

.br-color-white-1 {
  border-color: #f1f1f1 !important;
}

.br-rt-color-white-2 {
  border-right-color: #f2f2f2 !important;
}

.br-color-white-2 {
  border-color: #f2f2f2 !important;
}

.br-rt-color-white-3 {
  border-right-color: #f3f3f3 !important;
}

.br-color-white-3 {
  border-color: #f3f3f3 !important;
}

.br-rt-color-white-4 {
  border-right-color: #f4f4f4 !important;
}

.br-color-white-4 {
  border-color: #f4f4f4 !important;
}

.br-rt-color-white-5 {
  border-right-color: #f5f5f5 !important;
}

.br-color-white-5 {
  border-color: #f5f5f5 !important;
}

.br-rt-color-white-6 {
  border-right-color: #f6f6f6 !important;
}

.br-color-white-6 {
  border-color: #f6f6f6 !important;
}

.br-rt-color-white-7 {
  border-right-color: #f7f7f7 !important;
}

.br-color-white-7 {
  border-color: #f7f7f7 !important;
}

.br-rt-color-gray-1 {
  border-right-color: #c5c5c5 !important;
}

.br-color-gray-1 {
  border-color: #c5c5c5 !important;
}

.br-rt-color-gray-2 {
  border-right-color: #9f9f9f !important;
}

.br-color-gray-2 {
  border-color: #9f9f9f !important;
}

.br-rt-color-gray-3 {
  border-right-color: #797979 !important;
}

.br-color-gray-3 {
  border-color: #797979 !important;
}

.br-rt-color-gray-4 {
  border-right-color: #656565 !important;
}

.br-color-gray-4 {
  border-color: #656565 !important;
}

.br-rt-color-gray-5 {
  border-right-color: #3f3f3f !important;
}

.br-color-gray-5 {
  border-color: #3f3f3f !important;
}

.br-rt-color-gray-6 {
  border-right-color: #323232 !important;
}

.br-color-gray-6 {
  border-color: #323232 !important;
}

.br-rt-color-gray-7 {
  border-right-color: #2c2c2c !important;
}

.br-color-gray-7 {
  border-color: #2c2c2c !important;
}

.br-bm-solid {
  border-bottom-style: solid !important;
}

.br-style-solid {
  border-style: solid !important;
}

.br-bm-dotted {
  border-bottom-style: dotted !important;
}

.br-style-dotted {
  border-style: dotted !important;
}

.br-bm-dashed {
  border-bottom-style: dashed !important;
}

.br-style-dashed {
  border-style: dashed !important;
}

.br-bm-double {
  border-bottom-style: double !important;
}

.br-style-double {
  border-style: double !important;
}

.br-bm-groove {
  border-bottom-style: groove !important;
}

.br-style-groove {
  border-style: groove !important;
}

.br-bm-ridge {
  border-bottom-style: ridge !important;
}

.br-style-ridge {
  border-style: ridge !important;
}

.br-bm-inset {
  border-bottom-style: inset !important;
}

.br-style-inset {
  border-style: inset !important;
}

.br-bm-outset {
  border-bottom-style: outset !important;
}

.br-style-outset {
  border-style: outset !important;
}

.br-bm-width-1 {
  border-bottom-width: 0.0625rem !important;
}

.br-width-1 {
  border-width: 0.0625rem !important;
}

.br-bm-width-2 {
  border-bottom-width: 0.125rem !important;
}

.br-width-2 {
  border-width: 0.125rem !important;
}

.br-bm-width-3 {
  border-bottom-width: 0.1875rem !important;
}

.br-width-3 {
  border-width: 0.1875rem !important;
}

.br-bm-width-4 {
  border-bottom-width: 0.25rem !important;
}

.br-width-4 {
  border-width: 0.25rem !important;
}

.br-bm-width-5 {
  border-bottom-width: 0.3125rem !important;
}

.br-width-5 {
  border-width: 0.3125rem !important;
}

.br-bm-width-6 {
  border-bottom-width: 0.375rem !important;
}

.br-width-6 {
  border-width: 0.375rem !important;
}

.br-bm-width-7 {
  border-bottom-width: 0.4375rem !important;
}

.br-width-7 {
  border-width: 0.4375rem !important;
}

.br-bm-width-8 {
  border-bottom-width: 0.5rem !important;
}

.br-width-8 {
  border-width: 0.5rem !important;
}

.br-bm-width-9 {
  border-bottom-width: 0.5625rem !important;
}

.br-width-9 {
  border-width: 0.5625rem !important;
}

.br-bm-width-10 {
  border-bottom-width: 0.625rem !important;
}

.br-width-10 {
  border-width: 0.625rem !important;
}

.br-bm-color-primary {
  border-bottom-color: #1a82e5 !important;
}

.br-color-primary {
  border-color: #1a82e5 !important;
}

.br-bm-color-secondary {
  border-bottom-color: #585858 !important;
}

.br-color-secondary {
  border-color: #585858 !important;
}

.br-bm-color-danger {
  border-bottom-color: #e73b4a !important;
}

.br-color-danger {
  border-color: #e73b4a !important;
}

.br-bm-color-warning {
  border-bottom-color: #ffc107 !important;
}

.br-color-warning {
  border-color: #ffc107 !important;
}

.br-bm-color-success {
  border-bottom-color: #009d4f !important;
}

.br-color-success {
  border-color: #009d4f !important;
}

.br-bm-color-light {
  border-bottom-color: #fff !important;
}

.br-color-light {
  border-color: #fff !important;
}

.br-bm-color-dark {
  border-bottom-color: #313131 !important;
}

.br-color-dark {
  border-color: #313131 !important;
}

.br-bm-color-info {
  border-bottom-color: #10C1C9 !important;
}

.br-color-info {
  border-color: #10C1C9 !important;
}

.br-bm-color-orange {
  border-bottom-color: #f1a860 !important;
}

.br-color-orange {
  border-color: #f1a860 !important;
}

.br-bm-color-violet {
  border-bottom-color: #a74bd2 !important;
}

.br-color-violet {
  border-color: #a74bd2 !important;
}

.br-bm-color-indigo {
  border-bottom-color: #8941ff !important;
}

.br-color-indigo {
  border-color: #8941ff !important;
}

.br-bm-color-pink {
  border-bottom-color: #e077ad !important;
}

.br-color-pink {
  border-color: #e077ad !important;
}

.br-bm-color-blue-1 {
  border-bottom-color: #badaf7 !important;
}

.br-color-blue-1 {
  border-color: #badaf7 !important;
}

.br-bm-color-blue-2 {
  border-bottom-color: #8dc1f2 !important;
}

.br-color-blue-2 {
  border-color: #8dc1f2 !important;
}

.br-bm-color-blue-3 {
  border-bottom-color: #5fa8ed !important;
}

.br-color-blue-3 {
  border-color: #5fa8ed !important;
}

.br-bm-color-blue-4 {
  border-bottom-color: #489bea !important;
}

.br-color-blue-4 {
  border-color: #489bea !important;
}

.br-bm-color-blue-5 {
  border-bottom-color: #1a82e5 !important;
}

.br-color-blue-5 {
  border-color: #1a82e5 !important;
}

.br-bm-color-blue-6 {
  border-bottom-color: #1568b7 !important;
}

.br-color-blue-6 {
  border-color: #1568b7 !important;
}

.br-bm-color-blue-7 {
  border-bottom-color: #125ba0 !important;
}

.br-color-blue-7 {
  border-color: #125ba0 !important;
}

.br-bm-color-green-1 {
  border-bottom-color: #b3e2ca !important;
}

.br-color-green-1 {
  border-color: #b3e2ca !important;
}

.br-bm-color-green-2 {
  border-bottom-color: #80cea7 !important;
}

.br-color-green-2 {
  border-color: #80cea7 !important;
}

.br-bm-color-green-3 {
  border-bottom-color: #4dba84 !important;
}

.br-color-green-3 {
  border-color: #4dba84 !important;
}

.br-bm-color-green-4 {
  border-bottom-color: #33b172 !important;
}

.br-color-green-4 {
  border-color: #33b172 !important;
}

.br-bm-color-green-5 {
  border-bottom-color: #009d4f !important;
}

.br-color-green-5 {
  border-color: #009d4f !important;
}

.br-bm-color-green-6 {
  border-bottom-color: #007e3f !important;
}

.br-color-green-6 {
  border-color: #007e3f !important;
}

.br-bm-color-green-7 {
  border-bottom-color: #006e37 !important;
}

.br-color-green-7 {
  border-color: #006e37 !important;
}

.br-bm-color-red-1 {
  border-bottom-color: #f8c4c9 !important;
}

.br-color-red-1 {
  border-color: #f8c4c9 !important;
}

.br-bm-color-red-2 {
  border-bottom-color: #f39da5 !important;
}

.br-color-red-2 {
  border-color: #f39da5 !important;
}

.br-bm-color-red-3 {
  border-bottom-color: #ee7680 !important;
}

.br-color-red-3 {
  border-color: #ee7680 !important;
}

.br-bm-color-red-4 {
  border-bottom-color: #ec626e !important;
}

.br-color-red-4 {
  border-color: #ec626e !important;
}

.br-bm-color-red-5 {
  border-bottom-color: #e73b4a !important;
}

.br-color-red-5 {
  border-color: #e73b4a !important;
}

.br-bm-color-red-6 {
  border-bottom-color: #b92f3b !important;
}

.br-color-red-6 {
  border-color: #b92f3b !important;
}

.br-bm-color-red-7 {
  border-bottom-color: #a22934 !important;
}

.br-color-red-7 {
  border-color: #a22934 !important;
}

.br-bm-color-orange-1 {
  border-bottom-color: #fadec3 !important;
}

.br-color-orange-1 {
  border-color: #fadec3 !important;
}

.br-bm-color-orange-2 {
  border-bottom-color: #f7c99c !important;
}

.br-color-orange-2 {
  border-color: #f7c99c !important;
}

.br-bm-color-orange-3 {
  border-bottom-color: #f3b374 !important;
}

.br-color-orange-3 {
  border-color: #f3b374 !important;
}

.br-bm-color-orange-4 {
  border-bottom-color: #f1a860 !important;
}

.br-color-orange-4 {
  border-color: #f1a860 !important;
}

.br-bm-color-orange-5 {
  border-bottom-color: #EE9238 !important;
}

.br-color-orange-5 {
  border-color: #EE9238 !important;
}

.br-bm-color-orange-6 {
  border-bottom-color: #be752d !important;
}

.br-color-orange-6 {
  border-color: #be752d !important;
}

.br-bm-color-orange-7 {
  border-bottom-color: #a76627 !important;
}

.br-color-orange-7 {
  border-color: #a76627 !important;
}

.br-bm-color-violet-1 {
  border-bottom-color: #debcee !important;
}

.br-color-violet-1 {
  border-color: #debcee !important;
}

.br-bm-color-violet-2 {
  border-bottom-color: #c88fe3 !important;
}

.br-color-violet-2 {
  border-color: #c88fe3 !important;
}

.br-bm-color-violet-3 {
  border-bottom-color: #b262d8 !important;
}

.br-color-violet-3 {
  border-color: #b262d8 !important;
}

.br-bm-color-violet-4 {
  border-bottom-color: #a74bd2 !important;
}

.br-color-violet-4 {
  border-color: #a74bd2 !important;
}

.br-bm-color-violet-5 {
  border-bottom-color: #911eC7 !important;
}

.br-color-violet-5 {
  border-color: #911eC7 !important;
}

.br-bm-color-violet-6 {
  border-bottom-color: #74189f !important;
}

.br-color-violet-6 {
  border-color: #74189f !important;
}

.br-bm-color-violet-7 {
  border-bottom-color: #66158b !important;
}

.br-color-violet-7 {
  border-color: #66158b !important;
}

.br-bm-color-indigo-1 {
  border-bottom-color: #d3b8ff !important;
}

.br-color-indigo-1 {
  border-color: #d3b8ff !important;
}

.br-bm-color-indigo-2 {
  border-bottom-color: #b588ff !important;
}

.br-color-indigo-2 {
  border-color: #b588ff !important;
}

.br-bm-color-indigo-3 {
  border-bottom-color: #9758ff !important;
}

.br-color-indigo-3 {
  border-color: #9758ff !important;
}

.br-bm-color-indigo-4 {
  border-bottom-color: #8941ff !important;
}

.br-color-indigo-4 {
  border-color: #8941ff !important;
}

.br-bm-color-indigo-5 {
  border-bottom-color: #6B11FF !important;
}

.br-color-indigo-5 {
  border-color: #6B11FF !important;
}

.br-bm-color-indigo-6 {
  border-bottom-color: #560ecc !important;
}

.br-color-indigo-6 {
  border-color: #560ecc !important;
}

.br-bm-color-indigo-7 {
  border-bottom-color: #4b0cb3 !important;
}

.br-color-indigo-7 {
  border-color: #4b0cb3 !important;
}

.br-bm-color-cyan-1 {
  border-bottom-color: #b7ecef !important;
}

.br-color-cyan-1 {
  border-color: #b7ecef !important;
}

.br-bm-color-cyan-2 {
  border-bottom-color: #88e0e4 !important;
}

.br-color-cyan-2 {
  border-color: #88e0e4 !important;
}

.br-bm-color-cyan-3 {
  border-bottom-color: #58d4d9 !important;
}

.br-color-cyan-3 {
  border-color: #58d4d9 !important;
}

.br-bm-color-cyan-4 {
  border-bottom-color: #40cdd4 !important;
}

.br-color-cyan-4 {
  border-color: #40cdd4 !important;
}

.br-bm-color-cyan-5 {
  border-bottom-color: #10C1C9 !important;
}

.br-color-cyan-5 {
  border-color: #10C1C9 !important;
}

.br-bm-color-cyan-6 {
  border-bottom-color: #0d9aa1 !important;
}

.br-color-cyan-6 {
  border-color: #0d9aa1 !important;
}

.br-bm-color-cyan-7 {
  border-bottom-color: #0b878d !important;
}

.br-color-cyan-7 {
  border-color: #0b878d !important;
}

.br-bm-color-pink-1 {
  border-bottom-color: #f3cce0 !important;
}

.br-color-pink-1 {
  border-color: #f3cce0 !important;
}

.br-bm-color-pink-2 {
  border-bottom-color: #ecaacc !important;
}

.br-color-pink-2 {
  border-color: #ecaacc !important;
}

.br-bm-color-pink-3 {
  border-bottom-color: #e488b7 !important;
}

.br-color-pink-3 {
  border-color: #e488b7 !important;
}

.br-bm-color-pink-4 {
  border-bottom-color: #e077ad !important;
}

.br-color-pink-4 {
  border-color: #e077ad !important;
}

.br-bm-color-pink-5 {
  border-bottom-color: #d85598 !important;
}

.br-color-pink-5 {
  border-color: #d85598 !important;
}

.br-bm-color-pink-6 {
  border-bottom-color: #ad447a !important;
}

.br-color-pink-6 {
  border-color: #ad447a !important;
}

.br-bm-color-pink-7 {
  border-bottom-color: #973c6a !important;
}

.br-color-pink-7 {
  border-color: #973c6a !important;
}

.br-bm-color-yellow-1 {
  border-bottom-color: #ffecb5 !important;
}

.br-color-yellow-1 {
  border-color: #ffecb5 !important;
}

.br-bm-color-yellow-2 {
  border-bottom-color: #ffe083 !important;
}

.br-color-yellow-2 {
  border-color: #ffe083 !important;
}

.br-bm-color-yellow-3 {
  border-bottom-color: #ffd451 !important;
}

.br-color-yellow-3 {
  border-color: #ffd451 !important;
}

.br-bm-color-yellow-4 {
  border-bottom-color: #ffcd39 !important;
}

.br-color-yellow-4 {
  border-color: #ffcd39 !important;
}

.br-bm-color-yellow-5 {
  border-bottom-color: #ffc107 !important;
}

.br-color-yellow-5 {
  border-color: #ffc107 !important;
}

.br-bm-color-yellow-6 {
  border-bottom-color: #cc9a06 !important;
}

.br-color-yellow-6 {
  border-color: #cc9a06 !important;
}

.br-bm-color-yellow-7 {
  border-bottom-color: #b38705 !important;
}

.br-color-yellow-7 {
  border-color: #b38705 !important;
}

.br-bm-color-dark-1 {
  border-bottom-color: #292929 !important;
}

.br-color-dark-1 {
  border-color: #292929 !important;
}

.br-bm-color-dark-2 {
  border-bottom-color: #2c2c2c !important;
}

.br-color-dark-2 {
  border-color: #2c2c2c !important;
}

.br-bm-color-dark-3 {
  border-bottom-color: #2e2e2e !important;
}

.br-color-dark-3 {
  border-color: #2e2e2e !important;
}

.br-bm-color-dark-4 {
  border-bottom-color: #313131 !important;
}

.br-color-dark-4 {
  border-color: #313131 !important;
}

.br-bm-color-dark-5 {
  border-bottom-color: #343434 !important;
}

.br-color-dark-5 {
  border-color: #343434 !important;
}

.br-bm-color-dark-6 {
  border-bottom-color: #363636 !important;
}

.br-color-dark-6 {
  border-color: #363636 !important;
}

.br-bm-color-dark-7 {
  border-bottom-color: #393939 !important;
}

.br-color-dark-7 {
  border-color: #393939 !important;
}

.br-bm-color-white-1 {
  border-bottom-color: #f1f1f1 !important;
}

.br-color-white-1 {
  border-color: #f1f1f1 !important;
}

.br-bm-color-white-2 {
  border-bottom-color: #f2f2f2 !important;
}

.br-color-white-2 {
  border-color: #f2f2f2 !important;
}

.br-bm-color-white-3 {
  border-bottom-color: #f3f3f3 !important;
}

.br-color-white-3 {
  border-color: #f3f3f3 !important;
}

.br-bm-color-white-4 {
  border-bottom-color: #f4f4f4 !important;
}

.br-color-white-4 {
  border-color: #f4f4f4 !important;
}

.br-bm-color-white-5 {
  border-bottom-color: #f5f5f5 !important;
}

.br-color-white-5 {
  border-color: #f5f5f5 !important;
}

.br-bm-color-white-6 {
  border-bottom-color: #f6f6f6 !important;
}

.br-color-white-6 {
  border-color: #f6f6f6 !important;
}

.br-bm-color-white-7 {
  border-bottom-color: #f7f7f7 !important;
}

.br-color-white-7 {
  border-color: #f7f7f7 !important;
}

.br-bm-color-gray-1 {
  border-bottom-color: #c5c5c5 !important;
}

.br-color-gray-1 {
  border-color: #c5c5c5 !important;
}

.br-bm-color-gray-2 {
  border-bottom-color: #9f9f9f !important;
}

.br-color-gray-2 {
  border-color: #9f9f9f !important;
}

.br-bm-color-gray-3 {
  border-bottom-color: #797979 !important;
}

.br-color-gray-3 {
  border-color: #797979 !important;
}

.br-bm-color-gray-4 {
  border-bottom-color: #656565 !important;
}

.br-color-gray-4 {
  border-color: #656565 !important;
}

.br-bm-color-gray-5 {
  border-bottom-color: #3f3f3f !important;
}

.br-color-gray-5 {
  border-color: #3f3f3f !important;
}

.br-bm-color-gray-6 {
  border-bottom-color: #323232 !important;
}

.br-color-gray-6 {
  border-color: #323232 !important;
}

.br-bm-color-gray-7 {
  border-bottom-color: #2c2c2c !important;
}

.br-color-gray-7 {
  border-color: #2c2c2c !important;
}

.br-tp-solid {
  border-top-style: solid !important;
}

.br-style-solid {
  border-style: solid !important;
}

.br-tp-dotted {
  border-top-style: dotted !important;
}

.br-style-dotted {
  border-style: dotted !important;
}

.br-tp-dashed {
  border-top-style: dashed !important;
}

.br-style-dashed {
  border-style: dashed !important;
}

.br-tp-double {
  border-top-style: double !important;
}

.br-style-double {
  border-style: double !important;
}

.br-tp-groove {
  border-top-style: groove !important;
}

.br-style-groove {
  border-style: groove !important;
}

.br-tp-ridge {
  border-top-style: ridge !important;
}

.br-style-ridge {
  border-style: ridge !important;
}

.br-tp-inset {
  border-top-style: inset !important;
}

.br-style-inset {
  border-style: inset !important;
}

.br-tp-outset {
  border-top-style: outset !important;
}

.br-style-outset {
  border-style: outset !important;
}

.br-tp-width-1 {
  border-top-width: 0.0625rem !important;
}

.br-width-1 {
  border-width: 0.0625rem !important;
}

.br-tp-width-2 {
  border-top-width: 0.125rem !important;
}

.br-width-2 {
  border-width: 0.125rem !important;
}

.br-tp-width-3 {
  border-top-width: 0.1875rem !important;
}

.br-width-3 {
  border-width: 0.1875rem !important;
}

.br-tp-width-4 {
  border-top-width: 0.25rem !important;
}

.br-width-4 {
  border-width: 0.25rem !important;
}

.br-tp-width-5 {
  border-top-width: 0.3125rem !important;
}

.br-width-5 {
  border-width: 0.3125rem !important;
}

.br-tp-width-6 {
  border-top-width: 0.375rem !important;
}

.br-width-6 {
  border-width: 0.375rem !important;
}

.br-tp-width-7 {
  border-top-width: 0.4375rem !important;
}

.br-width-7 {
  border-width: 0.4375rem !important;
}

.br-tp-width-8 {
  border-top-width: 0.5rem !important;
}

.br-width-8 {
  border-width: 0.5rem !important;
}

.br-tp-width-9 {
  border-top-width: 0.5625rem !important;
}

.br-width-9 {
  border-width: 0.5625rem !important;
}

.br-tp-width-10 {
  border-top-width: 0.625rem !important;
}

.br-width-10 {
  border-width: 0.625rem !important;
}

.br-tp-color-primary {
  border-top-color: #1a82e5 !important;
}

.br-color-primary {
  border-color: #1a82e5 !important;
}

.br-tp-color-secondary {
  border-top-color: #585858 !important;
}

.br-color-secondary {
  border-color: #585858 !important;
}

.br-tp-color-danger {
  border-top-color: #e73b4a !important;
}

.br-color-danger {
  border-color: #e73b4a !important;
}

.br-tp-color-warning {
  border-top-color: #ffc107 !important;
}

.br-color-warning {
  border-color: #ffc107 !important;
}

.br-tp-color-success {
  border-top-color: #009d4f !important;
}

.br-color-success {
  border-color: #009d4f !important;
}

.br-tp-color-light {
  border-top-color: #fff !important;
}

.br-color-light {
  border-color: #fff !important;
}

.br-tp-color-dark {
  border-top-color: #313131 !important;
}

.br-color-dark {
  border-color: #313131 !important;
}

.br-tp-color-info {
  border-top-color: #10C1C9 !important;
}

.br-color-info {
  border-color: #10C1C9 !important;
}

.br-tp-color-orange {
  border-top-color: #f1a860 !important;
}

.br-color-orange {
  border-color: #f1a860 !important;
}

.br-tp-color-violet {
  border-top-color: #a74bd2 !important;
}

.br-color-violet {
  border-color: #a74bd2 !important;
}

.br-tp-color-indigo {
  border-top-color: #8941ff !important;
}

.br-color-indigo {
  border-color: #8941ff !important;
}

.br-tp-color-pink {
  border-top-color: #e077ad !important;
}

.br-color-pink {
  border-color: #e077ad !important;
}

.br-tp-color-blue-1 {
  border-top-color: #badaf7 !important;
}

.br-color-blue-1 {
  border-color: #badaf7 !important;
}

.br-tp-color-blue-2 {
  border-top-color: #8dc1f2 !important;
}

.br-color-blue-2 {
  border-color: #8dc1f2 !important;
}

.br-tp-color-blue-3 {
  border-top-color: #5fa8ed !important;
}

.br-color-blue-3 {
  border-color: #5fa8ed !important;
}

.br-tp-color-blue-4 {
  border-top-color: #489bea !important;
}

.br-color-blue-4 {
  border-color: #489bea !important;
}

.br-tp-color-blue-5 {
  border-top-color: #1a82e5 !important;
}

.br-color-blue-5 {
  border-color: #1a82e5 !important;
}

.br-tp-color-blue-6 {
  border-top-color: #1568b7 !important;
}

.br-color-blue-6 {
  border-color: #1568b7 !important;
}

.br-tp-color-blue-7 {
  border-top-color: #125ba0 !important;
}

.br-color-blue-7 {
  border-color: #125ba0 !important;
}

.br-tp-color-green-1 {
  border-top-color: #b3e2ca !important;
}

.br-color-green-1 {
  border-color: #b3e2ca !important;
}

.br-tp-color-green-2 {
  border-top-color: #80cea7 !important;
}

.br-color-green-2 {
  border-color: #80cea7 !important;
}

.br-tp-color-green-3 {
  border-top-color: #4dba84 !important;
}

.br-color-green-3 {
  border-color: #4dba84 !important;
}

.br-tp-color-green-4 {
  border-top-color: #33b172 !important;
}

.br-color-green-4 {
  border-color: #33b172 !important;
}

.br-tp-color-green-5 {
  border-top-color: #009d4f !important;
}

.br-color-green-5 {
  border-color: #009d4f !important;
}

.br-tp-color-green-6 {
  border-top-color: #007e3f !important;
}

.br-color-green-6 {
  border-color: #007e3f !important;
}

.br-tp-color-green-7 {
  border-top-color: #006e37 !important;
}

.br-color-green-7 {
  border-color: #006e37 !important;
}

.br-tp-color-red-1 {
  border-top-color: #f8c4c9 !important;
}

.br-color-red-1 {
  border-color: #f8c4c9 !important;
}

.br-tp-color-red-2 {
  border-top-color: #f39da5 !important;
}

.br-color-red-2 {
  border-color: #f39da5 !important;
}

.br-tp-color-red-3 {
  border-top-color: #ee7680 !important;
}

.br-color-red-3 {
  border-color: #ee7680 !important;
}

.br-tp-color-red-4 {
  border-top-color: #ec626e !important;
}

.br-color-red-4 {
  border-color: #ec626e !important;
}

.br-tp-color-red-5 {
  border-top-color: #e73b4a !important;
}

.br-color-red-5 {
  border-color: #e73b4a !important;
}

.br-tp-color-red-6 {
  border-top-color: #b92f3b !important;
}

.br-color-red-6 {
  border-color: #b92f3b !important;
}

.br-tp-color-red-7 {
  border-top-color: #a22934 !important;
}

.br-color-red-7 {
  border-color: #a22934 !important;
}

.br-tp-color-orange-1 {
  border-top-color: #fadec3 !important;
}

.br-color-orange-1 {
  border-color: #fadec3 !important;
}

.br-tp-color-orange-2 {
  border-top-color: #f7c99c !important;
}

.br-color-orange-2 {
  border-color: #f7c99c !important;
}

.br-tp-color-orange-3 {
  border-top-color: #f3b374 !important;
}

.br-color-orange-3 {
  border-color: #f3b374 !important;
}

.br-tp-color-orange-4 {
  border-top-color: #f1a860 !important;
}

.br-color-orange-4 {
  border-color: #f1a860 !important;
}

.br-tp-color-orange-5 {
  border-top-color: #EE9238 !important;
}

.br-color-orange-5 {
  border-color: #EE9238 !important;
}

.br-tp-color-orange-6 {
  border-top-color: #be752d !important;
}

.br-color-orange-6 {
  border-color: #be752d !important;
}

.br-tp-color-orange-7 {
  border-top-color: #a76627 !important;
}

.br-color-orange-7 {
  border-color: #a76627 !important;
}

.br-tp-color-violet-1 {
  border-top-color: #debcee !important;
}

.br-color-violet-1 {
  border-color: #debcee !important;
}

.br-tp-color-violet-2 {
  border-top-color: #c88fe3 !important;
}

.br-color-violet-2 {
  border-color: #c88fe3 !important;
}

.br-tp-color-violet-3 {
  border-top-color: #b262d8 !important;
}

.br-color-violet-3 {
  border-color: #b262d8 !important;
}

.br-tp-color-violet-4 {
  border-top-color: #a74bd2 !important;
}

.br-color-violet-4 {
  border-color: #a74bd2 !important;
}

.br-tp-color-violet-5 {
  border-top-color: #911eC7 !important;
}

.br-color-violet-5 {
  border-color: #911eC7 !important;
}

.br-tp-color-violet-6 {
  border-top-color: #74189f !important;
}

.br-color-violet-6 {
  border-color: #74189f !important;
}

.br-tp-color-violet-7 {
  border-top-color: #66158b !important;
}

.br-color-violet-7 {
  border-color: #66158b !important;
}

.br-tp-color-indigo-1 {
  border-top-color: #d3b8ff !important;
}

.br-color-indigo-1 {
  border-color: #d3b8ff !important;
}

.br-tp-color-indigo-2 {
  border-top-color: #b588ff !important;
}

.br-color-indigo-2 {
  border-color: #b588ff !important;
}

.br-tp-color-indigo-3 {
  border-top-color: #9758ff !important;
}

.br-color-indigo-3 {
  border-color: #9758ff !important;
}

.br-tp-color-indigo-4 {
  border-top-color: #8941ff !important;
}

.br-color-indigo-4 {
  border-color: #8941ff !important;
}

.br-tp-color-indigo-5 {
  border-top-color: #6B11FF !important;
}

.br-color-indigo-5 {
  border-color: #6B11FF !important;
}

.br-tp-color-indigo-6 {
  border-top-color: #560ecc !important;
}

.br-color-indigo-6 {
  border-color: #560ecc !important;
}

.br-tp-color-indigo-7 {
  border-top-color: #4b0cb3 !important;
}

.br-color-indigo-7 {
  border-color: #4b0cb3 !important;
}

.br-tp-color-cyan-1 {
  border-top-color: #b7ecef !important;
}

.br-color-cyan-1 {
  border-color: #b7ecef !important;
}

.br-tp-color-cyan-2 {
  border-top-color: #88e0e4 !important;
}

.br-color-cyan-2 {
  border-color: #88e0e4 !important;
}

.br-tp-color-cyan-3 {
  border-top-color: #58d4d9 !important;
}

.br-color-cyan-3 {
  border-color: #58d4d9 !important;
}

.br-tp-color-cyan-4 {
  border-top-color: #40cdd4 !important;
}

.br-color-cyan-4 {
  border-color: #40cdd4 !important;
}

.br-tp-color-cyan-5 {
  border-top-color: #10C1C9 !important;
}

.br-color-cyan-5 {
  border-color: #10C1C9 !important;
}

.br-tp-color-cyan-6 {
  border-top-color: #0d9aa1 !important;
}

.br-color-cyan-6 {
  border-color: #0d9aa1 !important;
}

.br-tp-color-cyan-7 {
  border-top-color: #0b878d !important;
}

.br-color-cyan-7 {
  border-color: #0b878d !important;
}

.br-tp-color-pink-1 {
  border-top-color: #f3cce0 !important;
}

.br-color-pink-1 {
  border-color: #f3cce0 !important;
}

.br-tp-color-pink-2 {
  border-top-color: #ecaacc !important;
}

.br-color-pink-2 {
  border-color: #ecaacc !important;
}

.br-tp-color-pink-3 {
  border-top-color: #e488b7 !important;
}

.br-color-pink-3 {
  border-color: #e488b7 !important;
}

.br-tp-color-pink-4 {
  border-top-color: #e077ad !important;
}

.br-color-pink-4 {
  border-color: #e077ad !important;
}

.br-tp-color-pink-5 {
  border-top-color: #d85598 !important;
}

.br-color-pink-5 {
  border-color: #d85598 !important;
}

.br-tp-color-pink-6 {
  border-top-color: #ad447a !important;
}

.br-color-pink-6 {
  border-color: #ad447a !important;
}

.br-tp-color-pink-7 {
  border-top-color: #973c6a !important;
}

.br-color-pink-7 {
  border-color: #973c6a !important;
}

.br-tp-color-yellow-1 {
  border-top-color: #ffecb5 !important;
}

.br-color-yellow-1 {
  border-color: #ffecb5 !important;
}

.br-tp-color-yellow-2 {
  border-top-color: #ffe083 !important;
}

.br-color-yellow-2 {
  border-color: #ffe083 !important;
}

.br-tp-color-yellow-3 {
  border-top-color: #ffd451 !important;
}

.br-color-yellow-3 {
  border-color: #ffd451 !important;
}

.br-tp-color-yellow-4 {
  border-top-color: #ffcd39 !important;
}

.br-color-yellow-4 {
  border-color: #ffcd39 !important;
}

.br-tp-color-yellow-5 {
  border-top-color: #ffc107 !important;
}

.br-color-yellow-5 {
  border-color: #ffc107 !important;
}

.br-tp-color-yellow-6 {
  border-top-color: #cc9a06 !important;
}

.br-color-yellow-6 {
  border-color: #cc9a06 !important;
}

.br-tp-color-yellow-7 {
  border-top-color: #b38705 !important;
}

.br-color-yellow-7 {
  border-color: #b38705 !important;
}

.br-tp-color-dark-1 {
  border-top-color: #292929 !important;
}

.br-color-dark-1 {
  border-color: #292929 !important;
}

.br-tp-color-dark-2 {
  border-top-color: #2c2c2c !important;
}

.br-color-dark-2 {
  border-color: #2c2c2c !important;
}

.br-tp-color-dark-3 {
  border-top-color: #2e2e2e !important;
}

.br-color-dark-3 {
  border-color: #2e2e2e !important;
}

.br-tp-color-dark-4 {
  border-top-color: #313131 !important;
}

.br-color-dark-4 {
  border-color: #313131 !important;
}

.br-tp-color-dark-5 {
  border-top-color: #343434 !important;
}

.br-color-dark-5 {
  border-color: #343434 !important;
}

.br-tp-color-dark-6 {
  border-top-color: #363636 !important;
}

.br-color-dark-6 {
  border-color: #363636 !important;
}

.br-tp-color-dark-7 {
  border-top-color: #393939 !important;
}

.br-color-dark-7 {
  border-color: #393939 !important;
}

.br-tp-color-white-1 {
  border-top-color: #f1f1f1 !important;
}

.br-color-white-1 {
  border-color: #f1f1f1 !important;
}

.br-tp-color-white-2 {
  border-top-color: #f2f2f2 !important;
}

.br-color-white-2 {
  border-color: #f2f2f2 !important;
}

.br-tp-color-white-3 {
  border-top-color: #f3f3f3 !important;
}

.br-color-white-3 {
  border-color: #f3f3f3 !important;
}

.br-tp-color-white-4 {
  border-top-color: #f4f4f4 !important;
}

.br-color-white-4 {
  border-color: #f4f4f4 !important;
}

.br-tp-color-white-5 {
  border-top-color: #f5f5f5 !important;
}

.br-color-white-5 {
  border-color: #f5f5f5 !important;
}

.br-tp-color-white-6 {
  border-top-color: #f6f6f6 !important;
}

.br-color-white-6 {
  border-color: #f6f6f6 !important;
}

.br-tp-color-white-7 {
  border-top-color: #f7f7f7 !important;
}

.br-color-white-7 {
  border-color: #f7f7f7 !important;
}

.br-tp-color-gray-1 {
  border-top-color: #c5c5c5 !important;
}

.br-color-gray-1 {
  border-color: #c5c5c5 !important;
}

.br-tp-color-gray-2 {
  border-top-color: #9f9f9f !important;
}

.br-color-gray-2 {
  border-color: #9f9f9f !important;
}

.br-tp-color-gray-3 {
  border-top-color: #797979 !important;
}

.br-color-gray-3 {
  border-color: #797979 !important;
}

.br-tp-color-gray-4 {
  border-top-color: #656565 !important;
}

.br-color-gray-4 {
  border-color: #656565 !important;
}

.br-tp-color-gray-5 {
  border-top-color: #3f3f3f !important;
}

.br-color-gray-5 {
  border-color: #3f3f3f !important;
}

.br-tp-color-gray-6 {
  border-top-color: #323232 !important;
}

.br-color-gray-6 {
  border-color: #323232 !important;
}

.br-tp-color-gray-7 {
  border-top-color: #2c2c2c !important;
}

.br-color-gray-7 {
  border-color: #2c2c2c !important;
}

.br-radius-tp-lf-1 {
  border-top-left-radius: 0.3125rem !important;
}

.br-radius-1 {
  border-radius: 0.3125rem !important;
}

.br-radius-tp-lf-2 {
  border-top-left-radius: 0.625rem !important;
}

.br-radius-2 {
  border-radius: 0.625rem !important;
}

.br-radius-tp-lf-3 {
  border-top-left-radius: 0.9375rem !important;
}

.br-radius-3 {
  border-radius: 0.9375rem !important;
}

.br-radius-tp-lf-4 {
  border-top-left-radius: 1.25rem !important;
}

.br-radius-4 {
  border-radius: 1.25rem !important;
}

.br-radius-tp-lf-5 {
  border-top-left-radius: 1.5625rem !important;
}

.br-radius-5 {
  border-radius: 1.5625rem !important;
}

.br-radius-tp-lf-6 {
  border-top-left-radius: 1.875rem !important;
}

.br-radius-6 {
  border-radius: 1.875rem !important;
}

.br-radius-tp-lf-7 {
  border-top-left-radius: 2.1875rem !important;
}

.br-radius-7 {
  border-radius: 2.1875rem !important;
}

.br-radius-tp-lf-8 {
  border-top-left-radius: 2.5rem !important;
}

.br-radius-8 {
  border-radius: 2.5rem !important;
}

.br-radius-tp-lf-9 {
  border-top-left-radius: 2.8125rem !important;
}

.br-radius-9 {
  border-radius: 2.8125rem !important;
}

.br-radius-tp-lf-10 {
  border-top-left-radius: 3.125rem !important;
}

.br-radius-10 {
  border-radius: 3.125rem !important;
}

.br-radius-tp-lf-50 {
  border-top-left-radius: 50% !important;
}

.br-radius-50 {
  border-radius: 50% !important;
}

.br-radius-tp-lf-100 {
  border-top-left-radius: 100% !important;
}

.br-radius-100 {
  border-radius: 100% !important;
}

.br-radius-tp-rt-1 {
  border-top-right-radius: 0.3125rem !important;
}

.br-radius-1 {
  border-radius: 0.3125rem !important;
}

.br-radius-tp-rt-2 {
  border-top-right-radius: 0.625rem !important;
}

.br-radius-2 {
  border-radius: 0.625rem !important;
}

.br-radius-tp-rt-3 {
  border-top-right-radius: 0.9375rem !important;
}

.br-radius-3 {
  border-radius: 0.9375rem !important;
}

.br-radius-tp-rt-4 {
  border-top-right-radius: 1.25rem !important;
}

.br-radius-4 {
  border-radius: 1.25rem !important;
}

.br-radius-tp-rt-5 {
  border-top-right-radius: 1.5625rem !important;
}

.br-radius-5 {
  border-radius: 1.5625rem !important;
}

.br-radius-tp-rt-6 {
  border-top-right-radius: 1.875rem !important;
}

.br-radius-6 {
  border-radius: 1.875rem !important;
}

.br-radius-tp-rt-7 {
  border-top-right-radius: 2.1875rem !important;
}

.br-radius-7 {
  border-radius: 2.1875rem !important;
}

.br-radius-tp-rt-8 {
  border-top-right-radius: 2.5rem !important;
}

.br-radius-8 {
  border-radius: 2.5rem !important;
}

.br-radius-tp-rt-9 {
  border-top-right-radius: 2.8125rem !important;
}

.br-radius-9 {
  border-radius: 2.8125rem !important;
}

.br-radius-tp-rt-10 {
  border-top-right-radius: 3.125rem !important;
}

.br-radius-10 {
  border-radius: 3.125rem !important;
}

.br-radius-tp-rt-50 {
  border-top-right-radius: 50% !important;
}

.br-radius-50 {
  border-radius: 50% !important;
}

.br-radius-tp-rt-100 {
  border-top-right-radius: 100% !important;
}

.br-radius-100 {
  border-radius: 100% !important;
}

.br-radius-bm-lf-1 {
  border-top-left-radius: 0.3125rem !important;
}

.br-radius-1 {
  border-radius: 0.3125rem !important;
}

.br-radius-bm-lf-2 {
  border-top-left-radius: 0.625rem !important;
}

.br-radius-2 {
  border-radius: 0.625rem !important;
}

.br-radius-bm-lf-3 {
  border-top-left-radius: 0.9375rem !important;
}

.br-radius-3 {
  border-radius: 0.9375rem !important;
}

.br-radius-bm-lf-4 {
  border-top-left-radius: 1.25rem !important;
}

.br-radius-4 {
  border-radius: 1.25rem !important;
}

.br-radius-bm-lf-5 {
  border-top-left-radius: 1.5625rem !important;
}

.br-radius-5 {
  border-radius: 1.5625rem !important;
}

.br-radius-bm-lf-6 {
  border-top-left-radius: 1.875rem !important;
}

.br-radius-6 {
  border-radius: 1.875rem !important;
}

.br-radius-bm-lf-7 {
  border-top-left-radius: 2.1875rem !important;
}

.br-radius-7 {
  border-radius: 2.1875rem !important;
}

.br-radius-bm-lf-8 {
  border-top-left-radius: 2.5rem !important;
}

.br-radius-8 {
  border-radius: 2.5rem !important;
}

.br-radius-bm-lf-9 {
  border-top-left-radius: 2.8125rem !important;
}

.br-radius-9 {
  border-radius: 2.8125rem !important;
}

.br-radius-bm-lf-10 {
  border-top-left-radius: 3.125rem !important;
}

.br-radius-10 {
  border-radius: 3.125rem !important;
}

.br-radius-bm-lf-50 {
  border-top-left-radius: 50% !important;
}

.br-radius-50 {
  border-radius: 50% !important;
}

.br-radius-bm-lf-100 {
  border-top-left-radius: 100% !important;
}

.br-radius-100 {
  border-radius: 100% !important;
}

.br-radius-bm-rt-1 {
  border-top-right-radius: 0.3125rem !important;
}

.br-radius-1 {
  border-radius: 0.3125rem !important;
}

.br-radius-bm-rt-2 {
  border-top-right-radius: 0.625rem !important;
}

.br-radius-2 {
  border-radius: 0.625rem !important;
}

.br-radius-bm-rt-3 {
  border-top-right-radius: 0.9375rem !important;
}

.br-radius-3 {
  border-radius: 0.9375rem !important;
}

.br-radius-bm-rt-4 {
  border-top-right-radius: 1.25rem !important;
}

.br-radius-4 {
  border-radius: 1.25rem !important;
}

.br-radius-bm-rt-5 {
  border-top-right-radius: 1.5625rem !important;
}

.br-radius-5 {
  border-radius: 1.5625rem !important;
}

.br-radius-bm-rt-6 {
  border-top-right-radius: 1.875rem !important;
}

.br-radius-6 {
  border-radius: 1.875rem !important;
}

.br-radius-bm-rt-7 {
  border-top-right-radius: 2.1875rem !important;
}

.br-radius-7 {
  border-radius: 2.1875rem !important;
}

.br-radius-bm-rt-8 {
  border-top-right-radius: 2.5rem !important;
}

.br-radius-8 {
  border-radius: 2.5rem !important;
}

.br-radius-bm-rt-9 {
  border-top-right-radius: 2.8125rem !important;
}

.br-radius-9 {
  border-radius: 2.8125rem !important;
}

.br-radius-bm-rt-10 {
  border-top-right-radius: 3.125rem !important;
}

.br-radius-10 {
  border-radius: 3.125rem !important;
}

.br-radius-bm-rt-50 {
  border-top-right-radius: 50% !important;
}

.br-radius-50 {
  border-radius: 50% !important;
}

.br-radius-bm-rt-100 {
  border-top-right-radius: 100% !important;
}

.br-radius-100 {
  border-radius: 100% !important;
}

.bg-primary {
  background-color: #1a82e5 !important;
}

.bg-secondary {
  background-color: #585858 !important;
}

.bg-danger {
  background-color: #e73b4a !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

.bg-success {
  background-color: #009d4f !important;
}

.bg-light {
  background-color: #fff !important;
}

.bg-dark {
  background-color: #313131 !important;
}

.bg-info {
  background-color: #10C1C9 !important;
}

.bg-orange {
  background-color: #f1a860 !important;
}

.bg-violet {
  background-color: #a74bd2 !important;
}

.bg-indigo {
  background-color: #8941ff !important;
}

.bg-pink {
  background-color: #e077ad !important;
}

.bg-blue-1 {
  background-color: #badaf7 !important;
}

.bg-blue-2 {
  background-color: #8dc1f2 !important;
}

.bg-blue-3 {
  background-color: #5fa8ed !important;
}

.bg-blue-4 {
  background-color: #489bea !important;
}

.bg-blue-5 {
  background-color: #1a82e5 !important;
}

.bg-blue-6 {
  background-color: #1568b7 !important;
}

.bg-blue-7 {
  background-color: #125ba0 !important;
}

.bg-green-1 {
  background-color: #b3e2ca !important;
}

.bg-green-2 {
  background-color: #80cea7 !important;
}

.bg-green-3 {
  background-color: #4dba84 !important;
}

.bg-green-4 {
  background-color: #33b172 !important;
}

.bg-green-5 {
  background-color: #009d4f !important;
}

.bg-green-6 {
  background-color: #007e3f !important;
}

.bg-green-7 {
  background-color: #006e37 !important;
}

.bg-red-1 {
  background-color: #f8c4c9 !important;
}

.bg-red-2 {
  background-color: #f39da5 !important;
}

.bg-red-3 {
  background-color: #ee7680 !important;
}

.bg-red-4 {
  background-color: #ec626e !important;
}

.bg-red-5 {
  background-color: #e73b4a !important;
}

.bg-red-6 {
  background-color: #b92f3b !important;
}

.bg-red-7 {
  background-color: #a22934 !important;
}

.bg-orange-1 {
  background-color: #fadec3 !important;
}

.bg-orange-2 {
  background-color: #f7c99c !important;
}

.bg-orange-3 {
  background-color: #f3b374 !important;
}

.bg-orange-4 {
  background-color: #f1a860 !important;
}

.bg-orange-5 {
  background-color: #EE9238 !important;
}

.bg-orange-6 {
  background-color: #be752d !important;
}

.bg-orange-7 {
  background-color: #a76627 !important;
}

.bg-violet-1 {
  background-color: #debcee !important;
}

.bg-violet-2 {
  background-color: #c88fe3 !important;
}

.bg-violet-3 {
  background-color: #b262d8 !important;
}

.bg-violet-4 {
  background-color: #a74bd2 !important;
}

.bg-violet-5 {
  background-color: #911eC7 !important;
}

.bg-violet-6 {
  background-color: #74189f !important;
}

.bg-violet-7 {
  background-color: #66158b !important;
}

.bg-indigo-1 {
  background-color: #d3b8ff !important;
}

.bg-indigo-2 {
  background-color: #b588ff !important;
}

.bg-indigo-3 {
  background-color: #9758ff !important;
}

.bg-indigo-4 {
  background-color: #8941ff !important;
}

.bg-indigo-5 {
  background-color: #6B11FF !important;
}

.bg-indigo-6 {
  background-color: #560ecc !important;
}

.bg-indigo-7 {
  background-color: #4b0cb3 !important;
}

.bg-cyan-1 {
  background-color: #b7ecef !important;
}

.bg-cyan-2 {
  background-color: #88e0e4 !important;
}

.bg-cyan-3 {
  background-color: #58d4d9 !important;
}

.bg-cyan-4 {
  background-color: #40cdd4 !important;
}

.bg-cyan-5 {
  background-color: #10C1C9 !important;
}

.bg-cyan-6 {
  background-color: #0d9aa1 !important;
}

.bg-cyan-7 {
  background-color: #0b878d !important;
}

.bg-pink-1 {
  background-color: #f3cce0 !important;
}

.bg-pink-2 {
  background-color: #ecaacc !important;
}

.bg-pink-3 {
  background-color: #e488b7 !important;
}

.bg-pink-4 {
  background-color: #e077ad !important;
}

.bg-pink-5 {
  background-color: #d85598 !important;
}

.bg-pink-6 {
  background-color: #ad447a !important;
}

.bg-pink-7 {
  background-color: #973c6a !important;
}

.bg-yellow-1 {
  background-color: #ffecb5 !important;
}

.bg-yellow-2 {
  background-color: #ffe083 !important;
}

.bg-yellow-3 {
  background-color: #ffd451 !important;
}

.bg-yellow-4 {
  background-color: #ffcd39 !important;
}

.bg-yellow-5 {
  background-color: #ffc107 !important;
}

.bg-yellow-6 {
  background-color: #cc9a06 !important;
}

.bg-yellow-7 {
  background-color: #b38705 !important;
}

.bg-dark-1 {
  background-color: #292929 !important;
}

.bg-dark-2 {
  background-color: #2c2c2c !important;
}

.bg-dark-3 {
  background-color: #2e2e2e !important;
}

.bg-dark-4 {
  background-color: #313131 !important;
}

.bg-dark-5 {
  background-color: #343434 !important;
}

.bg-dark-6 {
  background-color: #363636 !important;
}

.bg-dark-7 {
  background-color: #393939 !important;
}

.bg-white-1 {
  background-color: #f1f1f1 !important;
}

.bg-white-2 {
  background-color: #f2f2f2 !important;
}

.bg-white-3 {
  background-color: #f3f3f3 !important;
}

.bg-white-4 {
  background-color: #f4f4f4 !important;
}

.bg-white-5 {
  background-color: #f5f5f5 !important;
}

.bg-white-6 {
  background-color: #f6f6f6 !important;
}

.bg-white-7 {
  background-color: #f7f7f7 !important;
}

.bg-gray-1 {
  background-color: #c5c5c5 !important;
}

.bg-gray-2 {
  background-color: #9f9f9f !important;
}

.bg-gray-3 {
  background-color: #797979 !important;
}

.bg-gray-4 {
  background-color: #656565 !important;
}

.bg-gray-5 {
  background-color: #3f3f3f !important;
}

.bg-gray-6 {
  background-color: #323232 !important;
}

.bg-gray-7 {
  background-color: #2c2c2c !important;
}

.bg-white {
  background-color: #fff !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-justify {
  text-align: justify !important;
}

.font-style-italic {
  font-style: italic !important;
}

.font-style-oblique {
  font-style: oblique !important;
}

.font-style-normal {
  font-style: normal !important;
}

.font-style-initial {
  font-style: initial !important;
}

.font-style-inherit {
  font-style: inherit !important;
}

.bold-300 {
  font-weight: 300 !important;
}

.bold-400 {
  font-weight: 400 !important;
}

.bold-500 {
  font-weight: 500 !important;
}

.bold-600 {
  font-weight: 600 !important;
}

.bold-700 {
  font-weight: 700 !important;
}

.bold-800 {
  font-weight: 800 !important;
}

.bold-900 {
  font-weight: 900 !important;
}

.color-primary {
  color: #1a82e5 !important;
}

.color-secondary {
  color: #585858 !important;
}

.color-danger {
  color: #e73b4a !important;
}

.color-warning {
  color: #ffc107 !important;
}

.color-success {
  color: #009d4f !important;
}

.color-light {
  color: #fff !important;
}

.color-dark {
  color: #313131 !important;
}

.color-info {
  color: #10C1C9 !important;
}

.color-orange {
  color: #f1a860 !important;
}

.color-violet {
  color: #a74bd2 !important;
}

.color-indigo {
  color: #8941ff !important;
}

.color-pink {
  color: #e077ad !important;
}

.color-blue-1 {
  color: #badaf7 !important;
}

.color-blue-2 {
  color: #8dc1f2 !important;
}

.color-blue-3 {
  color: #5fa8ed !important;
}

.color-blue-4 {
  color: #489bea !important;
}

.color-blue-5 {
  color: #1a82e5 !important;
}

.color-blue-6 {
  color: #1568b7 !important;
}

.color-blue-7 {
  color: #125ba0 !important;
}

.color-green-1 {
  color: #b3e2ca !important;
}

.color-green-2 {
  color: #80cea7 !important;
}

.color-green-3 {
  color: #4dba84 !important;
}

.color-green-4 {
  color: #33b172 !important;
}

.color-green-5 {
  color: #009d4f !important;
}

.color-green-6 {
  color: #007e3f !important;
}

.color-green-7 {
  color: #006e37 !important;
}

.color-red-1 {
  color: #f8c4c9 !important;
}

.color-red-2 {
  color: #f39da5 !important;
}

.color-red-3 {
  color: #ee7680 !important;
}

.color-red-4 {
  color: #ec626e !important;
}

.color-red-5 {
  color: #e73b4a !important;
}

.color-red-6 {
  color: #b92f3b !important;
}

.color-red-7 {
  color: #a22934 !important;
}

.color-orange-1 {
  color: #fadec3 !important;
}

.color-orange-2 {
  color: #f7c99c !important;
}

.color-orange-3 {
  color: #f3b374 !important;
}

.color-orange-4 {
  color: #f1a860 !important;
}

.color-orange-5 {
  color: #EE9238 !important;
}

.color-orange-6 {
  color: #be752d !important;
}

.color-orange-7 {
  color: #a76627 !important;
}

.color-violet-1 {
  color: #debcee !important;
}

.color-violet-2 {
  color: #c88fe3 !important;
}

.color-violet-3 {
  color: #b262d8 !important;
}

.color-violet-4 {
  color: #a74bd2 !important;
}

.color-violet-5 {
  color: #911eC7 !important;
}

.color-violet-6 {
  color: #74189f !important;
}

.color-violet-7 {
  color: #66158b !important;
}

.color-indigo-1 {
  color: #d3b8ff !important;
}

.color-indigo-2 {
  color: #b588ff !important;
}

.color-indigo-3 {
  color: #9758ff !important;
}

.color-indigo-4 {
  color: #8941ff !important;
}

.color-indigo-5 {
  color: #6B11FF !important;
}

.color-indigo-6 {
  color: #560ecc !important;
}

.color-indigo-7 {
  color: #4b0cb3 !important;
}

.color-cyan-1 {
  color: #b7ecef !important;
}

.color-cyan-2 {
  color: #88e0e4 !important;
}

.color-cyan-3 {
  color: #58d4d9 !important;
}

.color-cyan-4 {
  color: #40cdd4 !important;
}

.color-cyan-5 {
  color: #10C1C9 !important;
}

.color-cyan-6 {
  color: #0d9aa1 !important;
}

.color-cyan-7 {
  color: #0b878d !important;
}

.color-pink-1 {
  color: #f3cce0 !important;
}

.color-pink-2 {
  color: #ecaacc !important;
}

.color-pink-3 {
  color: #e488b7 !important;
}

.color-pink-4 {
  color: #e077ad !important;
}

.color-pink-5 {
  color: #d85598 !important;
}

.color-pink-6 {
  color: #ad447a !important;
}

.color-pink-7 {
  color: #973c6a !important;
}

.color-yellow-1 {
  color: #ffecb5 !important;
}

.color-yellow-2 {
  color: #ffe083 !important;
}

.color-yellow-3 {
  color: #ffd451 !important;
}

.color-yellow-4 {
  color: #ffcd39 !important;
}

.color-yellow-5 {
  color: #ffc107 !important;
}

.color-yellow-6 {
  color: #cc9a06 !important;
}

.color-yellow-7 {
  color: #b38705 !important;
}

.color-dark-1 {
  color: #292929 !important;
}

.color-dark-2 {
  color: #2c2c2c !important;
}

.color-dark-3 {
  color: #2e2e2e !important;
}

.color-dark-4 {
  color: #313131 !important;
}

.color-dark-5 {
  color: #343434 !important;
}

.color-dark-6 {
  color: #363636 !important;
}

.color-dark-7 {
  color: #393939 !important;
}

.color-white-1 {
  color: #f1f1f1 !important;
}

.color-white-2 {
  color: #f2f2f2 !important;
}

.color-white-3 {
  color: #f3f3f3 !important;
}

.color-white-4 {
  color: #f4f4f4 !important;
}

.color-white-5 {
  color: #f5f5f5 !important;
}

.color-white-6 {
  color: #f6f6f6 !important;
}

.color-white-7 {
  color: #f7f7f7 !important;
}

.color-gray-1 {
  color: #c5c5c5 !important;
}

.color-gray-2 {
  color: #9f9f9f !important;
}

.color-gray-3 {
  color: #797979 !important;
}

.color-gray-4 {
  color: #656565 !important;
}

.color-gray-5 {
  color: #3f3f3f !important;
}

.color-gray-6 {
  color: #323232 !important;
}

.color-gray-7 {
  color: #2c2c2c !important;
}

.color-white {
  color: #fff !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-none {
  display: none !important;
}

.d-grid {
  display: grid !important;
}

.d-flex {
  display: flex !important;
}

.d-table {
  display: table !important;
}

.d-initial {
  display: initial !important;
}

.d-inherit {
  display: inherit !important;
}

.p-10 {
  padding: 0.625rem !important;
}

.p-15 {
  padding: 0.9375rem !important;
}

.p-20 {
  padding: 1.25rem !important;
}

.p-25 {
  padding: 1.5625rem !important;
}

.p-30 {
  padding: 1.875rem !important;
}

.p-35 {
  padding: 2.1875rem !important;
}

.p-40 {
  padding: 2.5rem !important;
}

.p-45 {
  padding: 2.8125rem !important;
}

.p-50 {
  padding: 3.125rem !important;
}

.p-55 {
  padding: 3.4375rem !important;
}

.p-60 {
  padding: 3.75rem !important;
}

.p-65 {
  padding: 4.0625rem !important;
}

.p-70 {
  padding: 4.375rem !important;
}

.p-75 {
  padding: 4.6875rem !important;
}

.p-80 {
  padding: 5rem !important;
}

.px-10 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.px-15 {
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
}

.px-20 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.px-25 {
  padding-left: 1.5625rem !important;
  padding-right: 1.5625rem !important;
}

.px-30 {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}

.px-35 {
  padding-left: 2.1875rem !important;
  padding-right: 2.1875rem !important;
}

.px-40 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.px-45 {
  padding-left: 2.8125rem !important;
  padding-right: 2.8125rem !important;
}

.px-50 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}

.px-55 {
  padding-left: 3.4375rem !important;
  padding-right: 3.4375rem !important;
}

.px-60 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.px-65 {
  padding-left: 4.0625rem !important;
  padding-right: 4.0625rem !important;
}

.px-70 {
  padding-left: 4.375rem !important;
  padding-right: 4.375rem !important;
}

.px-75 {
  padding-left: 4.6875rem !important;
  padding-right: 4.6875rem !important;
}

.px-80 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-10 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.py-15 {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

.py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.py-25 {
  padding-top: 1.5625rem !important;
  padding-bottom: 1.5625rem !important;
}

.py-30 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.py-35 {
  padding-top: 2.1875rem !important;
  padding-bottom: 2.1875rem !important;
}

.py-40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-45 {
  padding-top: 2.8125rem !important;
  padding-bottom: 2.8125rem !important;
}

.py-50 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}

.py-55 {
  padding-top: 3.4375rem !important;
  padding-bottom: 3.4375rem !important;
}

.py-60 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.py-65 {
  padding-top: 4.0625rem !important;
  padding-bottom: 4.0625rem !important;
}

.py-70 {
  padding-top: 4.375rem !important;
  padding-bottom: 4.375rem !important;
}

.py-75 {
  padding-top: 4.6875rem !important;
  padding-bottom: 4.6875rem !important;
}

.py-80 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.pl-10 {
  padding-left: 0.625rem !important;
}

.pl-15 {
  padding-left: 0.9375rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.pl-25 {
  padding-left: 1.5625rem !important;
}

.pl-30 {
  padding-left: 1.875rem !important;
}

.pl-35 {
  padding-left: 2.1875rem !important;
}

.pl-40 {
  padding-left: 2.5rem !important;
}

.pl-45 {
  padding-left: 2.8125rem !important;
}

.pl-50 {
  padding-left: 3.125rem !important;
}

.pl-55 {
  padding-left: 3.4375rem !important;
}

.pl-60 {
  padding-left: 3.75rem !important;
}

.pl-65 {
  padding-left: 4.0625rem !important;
}

.pl-70 {
  padding-left: 4.375rem !important;
}

.pl-75 {
  padding-left: 4.6875rem !important;
}

.pl-80 {
  padding-left: 5rem !important;
}

.pr-10 {
  padding-right: 0.625rem !important;
}

.pr-15 {
  padding-right: 0.9375rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pr-25 {
  padding-right: 1.5625rem !important;
}

.pr-30 {
  padding-right: 1.875rem !important;
}

.pr-35 {
  padding-right: 2.1875rem !important;
}

.pr-40 {
  padding-right: 2.5rem !important;
}

.pr-45 {
  padding-right: 2.8125rem !important;
}

.pr-50 {
  padding-right: 3.125rem !important;
}

.pr-55 {
  padding-right: 3.4375rem !important;
}

.pr-60 {
  padding-right: 3.75rem !important;
}

.pr-65 {
  padding-right: 4.0625rem !important;
}

.pr-70 {
  padding-right: 4.375rem !important;
}

.pr-75 {
  padding-right: 4.6875rem !important;
}

.pr-80 {
  padding-right: 5rem !important;
}

.pt-10 {
  padding-top: 0.625rem !important;
}

.pt-15 {
  padding-top: 0.9375rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pt-25 {
  padding-top: 1.5625rem !important;
}

.pt-30 {
  padding-top: 1.875rem !important;
}

.pt-35 {
  padding-top: 2.1875rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pt-45 {
  padding-top: 2.8125rem !important;
}

.pt-50 {
  padding-top: 3.125rem !important;
}

.pt-55 {
  padding-top: 3.4375rem !important;
}

.pt-60 {
  padding-top: 3.75rem !important;
}

.pt-65 {
  padding-top: 4.0625rem !important;
}

.pt-70 {
  padding-top: 4.375rem !important;
}

.pt-75 {
  padding-top: 4.6875rem !important;
}

.pt-80 {
  padding-top: 5rem !important;
}

.pm-10 {
  padding-bottom: 0.625rem !important;
}

.pm-15 {
  padding-bottom: 0.9375rem !important;
}

.pm-20 {
  padding-bottom: 1.25rem !important;
}

.pm-25 {
  padding-bottom: 1.5625rem !important;
}

.pm-30 {
  padding-bottom: 1.875rem !important;
}

.pm-35 {
  padding-bottom: 2.1875rem !important;
}

.pm-40 {
  padding-bottom: 2.5rem !important;
}

.pm-45 {
  padding-bottom: 2.8125rem !important;
}

.pm-50 {
  padding-bottom: 3.125rem !important;
}

.pm-55 {
  padding-bottom: 3.4375rem !important;
}

.pm-60 {
  padding-bottom: 3.75rem !important;
}

.pm-65 {
  padding-bottom: 4.0625rem !important;
}

.pm-70 {
  padding-bottom: 4.375rem !important;
}

.pm-75 {
  padding-bottom: 4.6875rem !important;
}

.pm-80 {
  padding-bottom: 5rem !important;
}

.m-10 {
  margin: 0.625rem !important;
}

.m-15 {
  margin: 0.9375rem !important;
}

.m-20 {
  margin: 1.25rem !important;
}

.m-25 {
  margin: 1.5625rem !important;
}

.m-30 {
  margin: 1.875rem !important;
}

.m-35 {
  margin: 2.1875rem !important;
}

.m-40 {
  margin: 2.5rem !important;
}

.m-45 {
  margin: 2.8125rem !important;
}

.m-50 {
  margin: 3.125rem !important;
}

.m-55 {
  margin: 3.4375rem !important;
}

.m-60 {
  margin: 3.75rem !important;
}

.m-65 {
  margin: 4.0625rem !important;
}

.m-70 {
  margin: 4.375rem !important;
}

.m-75 {
  margin: 4.6875rem !important;
}

.m-80 {
  margin: 5rem !important;
}

.mx-10 {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}

.mx-15 {
  margin-left: 0.9375rem !important;
  margin-right: 0.9375rem !important;
}

.mx-20 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.mx-25 {
  margin-left: 1.5625rem !important;
  margin-right: 1.5625rem !important;
}

.mx-30 {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}

.mx-35 {
  margin-left: 2.1875rem !important;
  margin-right: 2.1875rem !important;
}

.mx-40 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mx-45 {
  margin-left: 2.8125rem !important;
  margin-right: 2.8125rem !important;
}

.mx-50 {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important;
}

.mx-55 {
  margin-left: 3.4375rem !important;
  margin-right: 3.4375rem !important;
}

.mx-60 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.mx-65 {
  margin-left: 4.0625rem !important;
  margin-right: 4.0625rem !important;
}

.mx-70 {
  margin-left: 4.375rem !important;
  margin-right: 4.375rem !important;
}

.mx-75 {
  margin-left: 4.6875rem !important;
  margin-right: 4.6875rem !important;
}

.mx-80 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-10 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.my-15 {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

.my-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.my-25 {
  margin-top: 1.5625rem !important;
  margin-bottom: 1.5625rem !important;
}

.my-30 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.my-35 {
  margin-top: 2.1875rem !important;
  margin-bottom: 2.1875rem !important;
}

.my-40 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-45 {
  margin-top: 2.8125rem !important;
  margin-bottom: 2.8125rem !important;
}

.my-50 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}

.my-55 {
  margin-top: 3.4375rem !important;
  margin-bottom: 3.4375rem !important;
}

.my-60 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.my-65 {
  margin-top: 4.0625rem !important;
  margin-bottom: 4.0625rem !important;
}

.my-70 {
  margin-top: 4.375rem !important;
  margin-bottom: 4.375rem !important;
}

.my-75 {
  margin-top: 4.6875rem !important;
  margin-bottom: 4.6875rem !important;
}

.my-80 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.ml-10 {
  margin-left: 0.625rem !important;
}

.ml-15 {
  margin-left: 0.9375rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.ml-25 {
  margin-left: 1.5625rem !important;
}

.ml-30 {
  margin-left: 1.875rem !important;
}

.ml-35 {
  margin-left: 2.1875rem !important;
}

.ml-40 {
  margin-left: 2.5rem !important;
}

.ml-45 {
  margin-left: 2.8125rem !important;
}

.ml-50 {
  margin-left: 3.125rem !important;
}

.ml-55 {
  margin-left: 3.4375rem !important;
}

.ml-60 {
  margin-left: 3.75rem !important;
}

.ml-65 {
  margin-left: 4.0625rem !important;
}

.ml-70 {
  margin-left: 4.375rem !important;
}

.ml-75 {
  margin-left: 4.6875rem !important;
}

.ml-80 {
  margin-left: 5rem !important;
}

.mr-10 {
  margin-right: 0.625rem !important;
}

.mr-15 {
  margin-right: 0.9375rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mr-25 {
  margin-right: 1.5625rem !important;
}

.mr-30 {
  margin-right: 1.875rem !important;
}

.mr-35 {
  margin-right: 2.1875rem !important;
}

.mr-40 {
  margin-right: 2.5rem !important;
}

.mr-45 {
  margin-right: 2.8125rem !important;
}

.mr-50 {
  margin-right: 3.125rem !important;
}

.mr-55 {
  margin-right: 3.4375rem !important;
}

.mr-60 {
  margin-right: 3.75rem !important;
}

.mr-65 {
  margin-right: 4.0625rem !important;
}

.mr-70 {
  margin-right: 4.375rem !important;
}

.mr-75 {
  margin-right: 4.6875rem !important;
}

.mr-80 {
  margin-right: 5rem !important;
}

.mb-10 {
  margin-bottom: 0.625rem !important;
}

.mb-15 {
  margin-bottom: 0.9375rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-25 {
  margin-bottom: 1.5625rem !important;
}

.mb-30 {
  margin-bottom: 1.875rem !important;
}

.mb-35 {
  margin-bottom: 2.1875rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.mb-45 {
  margin-bottom: 2.8125rem !important;
}

.mb-50 {
  margin-bottom: 3.125rem !important;
}

.mb-55 {
  margin-bottom: 3.4375rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.mb-65 {
  margin-bottom: 4.0625rem !important;
}

.mb-70 {
  margin-bottom: 4.375rem !important;
}

.mb-75 {
  margin-bottom: 4.6875rem !important;
}

.mb-80 {
  margin-bottom: 5rem !important;
}

.mt-10 {
  margin-top: 0.625rem !important;
}

.mt-15 {
  margin-top: 0.9375rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mt-25 {
  margin-top: 1.5625rem !important;
}

.mt-30 {
  margin-top: 1.875rem !important;
}

.mt-35 {
  margin-top: 2.1875rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mt-45 {
  margin-top: 2.8125rem !important;
}

.mt-50 {
  margin-top: 3.125rem !important;
}

.mt-55 {
  margin-top: 3.4375rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.mt-65 {
  margin-top: 4.0625rem !important;
}

.mt-70 {
  margin-top: 4.375rem !important;
}

.mt-75 {
  margin-top: 4.6875rem !important;
}

.mt-80 {
  margin-top: 5rem !important;
}

.m-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.flex {
  display: flex !important;
}

.justify-ct-end {
  justify-content: flex-end !important;
}

.justify-ct-start {
  justify-content: flex-start !important;
}

.justify-ct-between {
  justify-content: space-between !important;
}

.justify-ct-center {
  justify-content: center !important;
}

.justify-ct-around {
  justify-content: space-around !important;
}

.justify-ct-evenly {
  justify-content: evenly !important;
}

.align-ct-end {
  align-content: flex-end !important;
}

.align-ct-start {
  align-content: flex-start !important;
}

.align-ct-between {
  align-content: space-between !important;
}

.align-ct-center {
  align-content: center !important;
}

.align-ct-around {
  align-content: space-around !important;
}

.align-ct-stretch {
  align-content: stretch !important;
}

.align-its-end {
  align-items: flex-end !important;
}

.align-its-start {
  align-items: flex-start !important;
}

.align-its-center {
  align-items: center !important;
}

.align-its-stretch {
  align-items: stretch !important;
}

.align-its-baseline {
  align-items: baseline !important;
}

.align-sf-auto {
  align-self: auto !important;
}

.align-sf-end {
  align-self: flex-end !important;
}

.align-sf-start {
  align-self: flex-start !important;
}

.align-sf-baseline {
  align-self: baseline !important;
}

.align-sf-center {
  align-self: center !important;
}

.align-sf-stretch {
  align-self: stretch !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-flow-row-wrap {
  flex-flow: row wrap !important;
}

.flex-flow-row-nowrap {
  flex-flow: row nowrap !important;
}

.flex-flow-column {
  flex-flow: column nowrap !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-grow-3 {
  flex-grow: 3 !important;
}

.flex-grow-4 {
  flex-grow: 4 !important;
}

.flex-grow-5 {
  flex-grow: 5 !important;
}

.flex-grow-6 {
  flex-grow: 6 !important;
}

.flex-grow-7 {
  flex-grow: 7 !important;
}

.flex-grow-8 {
  flex-grow: 8 !important;
}

.flex-grow-9 {
  flex-grow: 9 !important;
}

.flex-grow-10 {
  flex-grow: 10 !important;
}

.flex-grow-11 {
  flex-grow: 11 !important;
}

.flex-grow-12 {
  flex-grow: 12 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-shrink-2 {
  flex-shrink: 2 !important;
}

.flex-shrink-3 {
  flex-shrink: 3 !important;
}

.flex-shrink-4 {
  flex-shrink: 4 !important;
}

.flex-shrink-5 {
  flex-shrink: 5 !important;
}

.flex-shrink-6 {
  flex-shrink: 6 !important;
}

.flex-shrink-7 {
  flex-shrink: 7 !important;
}

.flex-shrink-8 {
  flex-shrink: 8 !important;
}

.flex-shrink-9 {
  flex-shrink: 9 !important;
}

.flex-shrink-10 {
  flex-shrink: 10 !important;
}

.flex-shrink-11 {
  flex-shrink: 11 !important;
}

.flex-shrink-12 {
  flex-shrink: 12 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.mw {
  max-width: 100% !important;
}

.vw {
  width: 100vw !important;
}

.min-vw {
  min-width: 100vw !important;
}

.h-10 {
  height: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.h-20 {
  height: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-35 {
  height: 35% !important;
}

.h-40 {
  height: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.h-50 {
  height: 50% !important;
}

.h-55 {
  height: 55% !important;
}

.h-60 {
  height: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.h-100 {
  height: 100% !important;
}

.mh {
  max-height: 100% !important;
}

.vh {
  height: 100vh !important;
}

.min-vh {
  min-height: 100vh !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-none {
  display: none !important;
}

.d-grid {
  display: grid !important;
}

.d-flex {
  display: flex !important;
}

.d-table {
  display: table !important;
}

.d-initial {
  display: initial !important;
}

.d-inherit {
  display: inherit !important;
}

.justify-ct-end {
  justify-content: flex-end !important;
}

.justify-ct-start {
  justify-content: flex-start !important;
}

.justify-ct-between {
  justify-content: space-between !important;
}

.justify-ct-center {
  justify-content: center !important;
}

.justify-ct-around {
  justify-content: space-around !important;
}

.justify-ct-evenly {
  justify-content: evenly !important;
}

.align-ct-end {
  align-content: flex-end !important;
}

.align-ct-start {
  align-content: flex-start !important;
}

.align-ct-between {
  align-content: space-between !important;
}

.align-ct-center {
  align-content: center !important;
}

.align-ct-around {
  align-content: space-around !important;
}

.align-ct-stretch {
  align-content: stretch !important;
}

.align-its-end {
  align-items: flex-end !important;
}

.align-its-start {
  align-items: flex-start !important;
}

.align-its-center {
  align-items: center !important;
}

.align-its-stretch {
  align-items: stretch !important;
}

.align-its-baseline {
  align-items: baseline !important;
}

.align-sf-auto {
  align-self: auto !important;
}

.align-sf-end {
  align-self: flex-end !important;
}

.align-sf-start {
  align-self: flex-start !important;
}

.align-sf-baseline {
  align-self: baseline !important;
}

.align-sf-center {
  align-self: center !important;
}

.align-sf-stretch {
  align-self: stretch !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-flow-row-wrap {
  flex-flow: row wrap !important;
}

.flex-flow-row-nowrap {
  flex-flow: row nowrap !important;
}

.flex-flow-column {
  flex-flow: column nowrap !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-grow-2 {
  flex-grow: 2 !important;
}

.flex-grow-3 {
  flex-grow: 3 !important;
}

.flex-grow-4 {
  flex-grow: 4 !important;
}

.flex-grow-5 {
  flex-grow: 5 !important;
}

.flex-grow-6 {
  flex-grow: 6 !important;
}

.flex-grow-7 {
  flex-grow: 7 !important;
}

.flex-grow-8 {
  flex-grow: 8 !important;
}

.flex-grow-9 {
  flex-grow: 9 !important;
}

.flex-grow-10 {
  flex-grow: 10 !important;
}

.flex-grow-11 {
  flex-grow: 11 !important;
}

.flex-grow-12 {
  flex-grow: 12 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-shrink-2 {
  flex-shrink: 2 !important;
}

.flex-shrink-3 {
  flex-shrink: 3 !important;
}

.flex-shrink-4 {
  flex-shrink: 4 !important;
}

.flex-shrink-5 {
  flex-shrink: 5 !important;
}

.flex-shrink-6 {
  flex-shrink: 6 !important;
}

.flex-shrink-7 {
  flex-shrink: 7 !important;
}

.flex-shrink-8 {
  flex-shrink: 8 !important;
}

.flex-shrink-9 {
  flex-shrink: 9 !important;
}

.flex-shrink-10 {
  flex-shrink: 10 !important;
}

.flex-shrink-11 {
  flex-shrink: 11 !important;
}

.flex-shrink-12 {
  flex-shrink: 12 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 410px) {
  .d-sm-block {
    display: block !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-initial {
    display: initial !important;
  }

  .d-sm-inherit {
    display: inherit !important;
  }

  .justify-ct-sm-end {
    justify-content: flex-end !important;
  }

  .justify-ct-sm-start {
    justify-content: flex-start !important;
  }

  .justify-ct-sm-between {
    justify-content: space-between !important;
  }

  .justify-ct-sm-center {
    justify-content: center !important;
  }

  .justify-ct-sm-around {
    justify-content: space-around !important;
  }

  .justify-ct-sm-evenly {
    justify-content: evenly !important;
  }

  .align-ct-sm-end {
    align-content: flex-end !important;
  }

  .align-ct-sm-start {
    align-content: flex-start !important;
  }

  .align-ct-sm-between {
    align-content: space-between !important;
  }

  .align-ct-sm-center {
    align-content: center !important;
  }

  .align-ct-sm-around {
    align-content: space-around !important;
  }

  .align-ct-sm-stretch {
    align-content: stretch !important;
  }

  .align-its-sm-end {
    align-items: flex-end !important;
  }

  .align-its-sm-start {
    align-items: flex-start !important;
  }

  .align-its-sm-center {
    align-items: center !important;
  }

  .align-its-sm-stretch {
    align-items: stretch !important;
  }

  .align-its-sm-baseline {
    align-items: baseline !important;
  }

  .align-sf-sm-auto {
    align-self: auto !important;
  }

  .align-sf-sm-end {
    align-self: flex-end !important;
  }

  .align-sf-sm-start {
    align-self: flex-start !important;
  }

  .align-sf-sm-baseline {
    align-self: baseline !important;
  }

  .align-sf-sm-center {
    align-self: center !important;
  }

  .align-sf-sm-stretch {
    align-self: stretch !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-flow-sm-row-wrap {
    flex-flow: row wrap !important;
  }

  .flex-flow-sm-row-nowrap {
    flex-flow: row nowrap !important;
  }

  .flex-flow-sm-column {
    flex-flow: column nowrap !important;
  }

  .flex-grow-sm-1 {
    flex-grow: 1 !important;
  }

  .flex-grow-sm-2 {
    flex-grow: 2 !important;
  }

  .flex-grow-sm-3 {
    flex-grow: 3 !important;
  }

  .flex-grow-sm-4 {
    flex-grow: 4 !important;
  }

  .flex-grow-sm-5 {
    flex-grow: 5 !important;
  }

  .flex-grow-sm-6 {
    flex-grow: 6 !important;
  }

  .flex-grow-sm-7 {
    flex-grow: 7 !important;
  }

  .flex-grow-sm-8 {
    flex-grow: 8 !important;
  }

  .flex-grow-sm-9 {
    flex-grow: 9 !important;
  }

  .flex-grow-sm-10 {
    flex-grow: 10 !important;
  }

  .flex-grow-sm-11 {
    flex-grow: 11 !important;
  }

  .flex-grow-sm-12 {
    flex-grow: 12 !important;
  }

  .flex-shrink-sm-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink-sm-1 {
    flex-shrink: 1 !important;
  }

  .flex-shrink-sm-2 {
    flex-shrink: 2 !important;
  }

  .flex-shrink-sm-3 {
    flex-shrink: 3 !important;
  }

  .flex-shrink-sm-4 {
    flex-shrink: 4 !important;
  }

  .flex-shrink-sm-5 {
    flex-shrink: 5 !important;
  }

  .flex-shrink-sm-6 {
    flex-shrink: 6 !important;
  }

  .flex-shrink-sm-7 {
    flex-shrink: 7 !important;
  }

  .flex-shrink-sm-8 {
    flex-shrink: 8 !important;
  }

  .flex-shrink-sm-9 {
    flex-shrink: 9 !important;
  }

  .flex-shrink-sm-10 {
    flex-shrink: 10 !important;
  }

  .flex-shrink-sm-11 {
    flex-shrink: 11 !important;
  }

  .flex-shrink-sm-12 {
    flex-shrink: 12 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-6 {
    order: 6 !important;
  }

  .order-sm-7 {
    order: 7 !important;
  }

  .order-sm-8 {
    order: 8 !important;
  }

  .order-sm-9 {
    order: 9 !important;
  }

  .order-sm-10 {
    order: 10 !important;
  }

  .order-sm-11 {
    order: 11 !important;
  }

  .order-sm-12 {
    order: 12 !important;
  }

  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }

  .w-sm-10 {
    width: 10% !important;
  }

  .w-sm-15 {
    width: 15% !important;
  }

  .w-sm-20 {
    width: 20% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-30 {
    width: 30% !important;
  }

  .w-sm-35 {
    width: 35% !important;
  }

  .w-sm-40 {
    width: 40% !important;
  }

  .w-sm-45 {
    width: 45% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-55 {
    width: 55% !important;
  }

  .w-sm-60 {
    width: 60% !important;
  }

  .w-sm-65 {
    width: 65% !important;
  }

  .w-sm-70 {
    width: 70% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-80 {
    width: 80% !important;
  }

  .w-sm-85 {
    width: 85% !important;
  }

  .w-sm-90 {
    width: 90% !important;
  }

  .w-sm-95 {
    width: 95% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 740px) {
  .d-md-block {
    display: block !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-none {
    display: none !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-initial {
    display: initial !important;
  }

  .d-md-inherit {
    display: inherit !important;
  }

  .justify-ct-md-end {
    justify-content: flex-end !important;
  }

  .justify-ct-md-start {
    justify-content: flex-start !important;
  }

  .justify-ct-md-between {
    justify-content: space-between !important;
  }

  .justify-ct-md-center {
    justify-content: center !important;
  }

  .justify-ct-md-around {
    justify-content: space-around !important;
  }

  .justify-ct-md-evenly {
    justify-content: evenly !important;
  }

  .align-ct-md-end {
    align-content: flex-end !important;
  }

  .align-ct-md-start {
    align-content: flex-start !important;
  }

  .align-ct-md-between {
    align-content: space-between !important;
  }

  .align-ct-md-center {
    align-content: center !important;
  }

  .align-ct-md-around {
    align-content: space-around !important;
  }

  .align-ct-md-stretch {
    align-content: stretch !important;
  }

  .align-its-md-end {
    align-items: flex-end !important;
  }

  .align-its-md-start {
    align-items: flex-start !important;
  }

  .align-its-md-center {
    align-items: center !important;
  }

  .align-its-md-stretch {
    align-items: stretch !important;
  }

  .align-its-md-baseline {
    align-items: baseline !important;
  }

  .align-sf-md-auto {
    align-self: auto !important;
  }

  .align-sf-md-end {
    align-self: flex-end !important;
  }

  .align-sf-md-start {
    align-self: flex-start !important;
  }

  .align-sf-md-baseline {
    align-self: baseline !important;
  }

  .align-sf-md-center {
    align-self: center !important;
  }

  .align-sf-md-stretch {
    align-self: stretch !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-flow-md-row-wrap {
    flex-flow: row wrap !important;
  }

  .flex-flow-md-row-nowrap {
    flex-flow: row nowrap !important;
  }

  .flex-flow-md-column {
    flex-flow: column nowrap !important;
  }

  .flex-grow-md-1 {
    flex-grow: 1 !important;
  }

  .flex-grow-md-2 {
    flex-grow: 2 !important;
  }

  .flex-grow-md-3 {
    flex-grow: 3 !important;
  }

  .flex-grow-md-4 {
    flex-grow: 4 !important;
  }

  .flex-grow-md-5 {
    flex-grow: 5 !important;
  }

  .flex-grow-md-6 {
    flex-grow: 6 !important;
  }

  .flex-grow-md-7 {
    flex-grow: 7 !important;
  }

  .flex-grow-md-8 {
    flex-grow: 8 !important;
  }

  .flex-grow-md-9 {
    flex-grow: 9 !important;
  }

  .flex-grow-md-10 {
    flex-grow: 10 !important;
  }

  .flex-grow-md-11 {
    flex-grow: 11 !important;
  }

  .flex-grow-md-12 {
    flex-grow: 12 !important;
  }

  .flex-shrink-md-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink-md-1 {
    flex-shrink: 1 !important;
  }

  .flex-shrink-md-2 {
    flex-shrink: 2 !important;
  }

  .flex-shrink-md-3 {
    flex-shrink: 3 !important;
  }

  .flex-shrink-md-4 {
    flex-shrink: 4 !important;
  }

  .flex-shrink-md-5 {
    flex-shrink: 5 !important;
  }

  .flex-shrink-md-6 {
    flex-shrink: 6 !important;
  }

  .flex-shrink-md-7 {
    flex-shrink: 7 !important;
  }

  .flex-shrink-md-8 {
    flex-shrink: 8 !important;
  }

  .flex-shrink-md-9 {
    flex-shrink: 9 !important;
  }

  .flex-shrink-md-10 {
    flex-shrink: 10 !important;
  }

  .flex-shrink-md-11 {
    flex-shrink: 11 !important;
  }

  .flex-shrink-md-12 {
    flex-shrink: 12 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-6 {
    order: 6 !important;
  }

  .order-md-7 {
    order: 7 !important;
  }

  .order-md-8 {
    order: 8 !important;
  }

  .order-md-9 {
    order: 9 !important;
  }

  .order-md-10 {
    order: 10 !important;
  }

  .order-md-11 {
    order: 11 !important;
  }

  .order-md-12 {
    order: 12 !important;
  }

  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }

  .w-md-10 {
    width: 10% !important;
  }

  .w-md-15 {
    width: 15% !important;
  }

  .w-md-20 {
    width: 20% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .w-md-30 {
    width: 30% !important;
  }

  .w-md-35 {
    width: 35% !important;
  }

  .w-md-40 {
    width: 40% !important;
  }

  .w-md-45 {
    width: 45% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-55 {
    width: 55% !important;
  }

  .w-md-60 {
    width: 60% !important;
  }

  .w-md-65 {
    width: 65% !important;
  }

  .w-md-70 {
    width: 70% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-80 {
    width: 80% !important;
  }

  .w-md-85 {
    width: 85% !important;
  }

  .w-md-90 {
    width: 90% !important;
  }

  .w-md-95 {
    width: 95% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 980px) {
  .d-lg-block {
    display: block !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-initial {
    display: initial !important;
  }

  .d-lg-inherit {
    display: inherit !important;
  }

  .justify-ct-lg-end {
    justify-content: flex-end !important;
  }

  .justify-ct-lg-start {
    justify-content: flex-start !important;
  }

  .justify-ct-lg-between {
    justify-content: space-between !important;
  }

  .justify-ct-lg-center {
    justify-content: center !important;
  }

  .justify-ct-lg-around {
    justify-content: space-around !important;
  }

  .justify-ct-lg-evenly {
    justify-content: evenly !important;
  }

  .align-ct-lg-end {
    align-content: flex-end !important;
  }

  .align-ct-lg-start {
    align-content: flex-start !important;
  }

  .align-ct-lg-between {
    align-content: space-between !important;
  }

  .align-ct-lg-center {
    align-content: center !important;
  }

  .align-ct-lg-around {
    align-content: space-around !important;
  }

  .align-ct-lg-stretch {
    align-content: stretch !important;
  }

  .align-its-lg-end {
    align-items: flex-end !important;
  }

  .align-its-lg-start {
    align-items: flex-start !important;
  }

  .align-its-lg-center {
    align-items: center !important;
  }

  .align-its-lg-stretch {
    align-items: stretch !important;
  }

  .align-its-lg-baseline {
    align-items: baseline !important;
  }

  .align-sf-lg-auto {
    align-self: auto !important;
  }

  .align-sf-lg-end {
    align-self: flex-end !important;
  }

  .align-sf-lg-start {
    align-self: flex-start !important;
  }

  .align-sf-lg-baseline {
    align-self: baseline !important;
  }

  .align-sf-lg-center {
    align-self: center !important;
  }

  .align-sf-lg-stretch {
    align-self: stretch !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-flow-lg-row-wrap {
    flex-flow: row wrap !important;
  }

  .flex-flow-lg-row-nowrap {
    flex-flow: row nowrap !important;
  }

  .flex-flow-lg-column {
    flex-flow: column nowrap !important;
  }

  .flex-grow-lg-1 {
    flex-grow: 1 !important;
  }

  .flex-grow-lg-2 {
    flex-grow: 2 !important;
  }

  .flex-grow-lg-3 {
    flex-grow: 3 !important;
  }

  .flex-grow-lg-4 {
    flex-grow: 4 !important;
  }

  .flex-grow-lg-5 {
    flex-grow: 5 !important;
  }

  .flex-grow-lg-6 {
    flex-grow: 6 !important;
  }

  .flex-grow-lg-7 {
    flex-grow: 7 !important;
  }

  .flex-grow-lg-8 {
    flex-grow: 8 !important;
  }

  .flex-grow-lg-9 {
    flex-grow: 9 !important;
  }

  .flex-grow-lg-10 {
    flex-grow: 10 !important;
  }

  .flex-grow-lg-11 {
    flex-grow: 11 !important;
  }

  .flex-grow-lg-12 {
    flex-grow: 12 !important;
  }

  .flex-shrink-lg-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink-lg-1 {
    flex-shrink: 1 !important;
  }

  .flex-shrink-lg-2 {
    flex-shrink: 2 !important;
  }

  .flex-shrink-lg-3 {
    flex-shrink: 3 !important;
  }

  .flex-shrink-lg-4 {
    flex-shrink: 4 !important;
  }

  .flex-shrink-lg-5 {
    flex-shrink: 5 !important;
  }

  .flex-shrink-lg-6 {
    flex-shrink: 6 !important;
  }

  .flex-shrink-lg-7 {
    flex-shrink: 7 !important;
  }

  .flex-shrink-lg-8 {
    flex-shrink: 8 !important;
  }

  .flex-shrink-lg-9 {
    flex-shrink: 9 !important;
  }

  .flex-shrink-lg-10 {
    flex-shrink: 10 !important;
  }

  .flex-shrink-lg-11 {
    flex-shrink: 11 !important;
  }

  .flex-shrink-lg-12 {
    flex-shrink: 12 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-6 {
    order: 6 !important;
  }

  .order-lg-7 {
    order: 7 !important;
  }

  .order-lg-8 {
    order: 8 !important;
  }

  .order-lg-9 {
    order: 9 !important;
  }

  .order-lg-10 {
    order: 10 !important;
  }

  .order-lg-11 {
    order: 11 !important;
  }

  .order-lg-12 {
    order: 12 !important;
  }

  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }

  .w-lg-10 {
    width: 10% !important;
  }

  .w-lg-15 {
    width: 15% !important;
  }

  .w-lg-20 {
    width: 20% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-30 {
    width: 30% !important;
  }

  .w-lg-35 {
    width: 35% !important;
  }

  .w-lg-40 {
    width: 40% !important;
  }

  .w-lg-45 {
    width: 45% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-55 {
    width: 55% !important;
  }

  .w-lg-60 {
    width: 60% !important;
  }

  .w-lg-65 {
    width: 65% !important;
  }

  .w-lg-70 {
    width: 70% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-80 {
    width: 80% !important;
  }

  .w-lg-85 {
    width: 85% !important;
  }

  .w-lg-90 {
    width: 90% !important;
  }

  .w-lg-95 {
    width: 95% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-initial {
    display: initial !important;
  }

  .d-xl-inherit {
    display: inherit !important;
  }

  .justify-ct-xl-end {
    justify-content: flex-end !important;
  }

  .justify-ct-xl-start {
    justify-content: flex-start !important;
  }

  .justify-ct-xl-between {
    justify-content: space-between !important;
  }

  .justify-ct-xl-center {
    justify-content: center !important;
  }

  .justify-ct-xl-around {
    justify-content: space-around !important;
  }

  .justify-ct-xl-evenly {
    justify-content: evenly !important;
  }

  .align-ct-xl-end {
    align-content: flex-end !important;
  }

  .align-ct-xl-start {
    align-content: flex-start !important;
  }

  .align-ct-xl-between {
    align-content: space-between !important;
  }

  .align-ct-xl-center {
    align-content: center !important;
  }

  .align-ct-xl-around {
    align-content: space-around !important;
  }

  .align-ct-xl-stretch {
    align-content: stretch !important;
  }

  .align-its-xl-end {
    align-items: flex-end !important;
  }

  .align-its-xl-start {
    align-items: flex-start !important;
  }

  .align-its-xl-center {
    align-items: center !important;
  }

  .align-its-xl-stretch {
    align-items: stretch !important;
  }

  .align-its-xl-baseline {
    align-items: baseline !important;
  }

  .align-sf-xl-auto {
    align-self: auto !important;
  }

  .align-sf-xl-end {
    align-self: flex-end !important;
  }

  .align-sf-xl-start {
    align-self: flex-start !important;
  }

  .align-sf-xl-baseline {
    align-self: baseline !important;
  }

  .align-sf-xl-center {
    align-self: center !important;
  }

  .align-sf-xl-stretch {
    align-self: stretch !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-flow-xl-row-wrap {
    flex-flow: row wrap !important;
  }

  .flex-flow-xl-row-nowrap {
    flex-flow: row nowrap !important;
  }

  .flex-flow-xl-column {
    flex-flow: column nowrap !important;
  }

  .flex-grow-xl-1 {
    flex-grow: 1 !important;
  }

  .flex-grow-xl-2 {
    flex-grow: 2 !important;
  }

  .flex-grow-xl-3 {
    flex-grow: 3 !important;
  }

  .flex-grow-xl-4 {
    flex-grow: 4 !important;
  }

  .flex-grow-xl-5 {
    flex-grow: 5 !important;
  }

  .flex-grow-xl-6 {
    flex-grow: 6 !important;
  }

  .flex-grow-xl-7 {
    flex-grow: 7 !important;
  }

  .flex-grow-xl-8 {
    flex-grow: 8 !important;
  }

  .flex-grow-xl-9 {
    flex-grow: 9 !important;
  }

  .flex-grow-xl-10 {
    flex-grow: 10 !important;
  }

  .flex-grow-xl-11 {
    flex-grow: 11 !important;
  }

  .flex-grow-xl-12 {
    flex-grow: 12 !important;
  }

  .flex-shrink-xl-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink-xl-1 {
    flex-shrink: 1 !important;
  }

  .flex-shrink-xl-2 {
    flex-shrink: 2 !important;
  }

  .flex-shrink-xl-3 {
    flex-shrink: 3 !important;
  }

  .flex-shrink-xl-4 {
    flex-shrink: 4 !important;
  }

  .flex-shrink-xl-5 {
    flex-shrink: 5 !important;
  }

  .flex-shrink-xl-6 {
    flex-shrink: 6 !important;
  }

  .flex-shrink-xl-7 {
    flex-shrink: 7 !important;
  }

  .flex-shrink-xl-8 {
    flex-shrink: 8 !important;
  }

  .flex-shrink-xl-9 {
    flex-shrink: 9 !important;
  }

  .flex-shrink-xl-10 {
    flex-shrink: 10 !important;
  }

  .flex-shrink-xl-11 {
    flex-shrink: 11 !important;
  }

  .flex-shrink-xl-12 {
    flex-shrink: 12 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-6 {
    order: 6 !important;
  }

  .order-xl-7 {
    order: 7 !important;
  }

  .order-xl-8 {
    order: 8 !important;
  }

  .order-xl-9 {
    order: 9 !important;
  }

  .order-xl-10 {
    order: 10 !important;
  }

  .order-xl-11 {
    order: 11 !important;
  }

  .order-xl-12 {
    order: 12 !important;
  }

  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }

  .w-xl-10 {
    width: 10% !important;
  }

  .w-xl-15 {
    width: 15% !important;
  }

  .w-xl-20 {
    width: 20% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-30 {
    width: 30% !important;
  }

  .w-xl-35 {
    width: 35% !important;
  }

  .w-xl-40 {
    width: 40% !important;
  }

  .w-xl-45 {
    width: 45% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-55 {
    width: 55% !important;
  }

  .w-xl-60 {
    width: 60% !important;
  }

  .w-xl-65 {
    width: 65% !important;
  }

  .w-xl-70 {
    width: 70% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-80 {
    width: 80% !important;
  }

  .w-xl-85 {
    width: 85% !important;
  }

  .w-xl-90 {
    width: 90% !important;
  }

  .w-xl-95 {
    width: 95% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-initial {
    display: initial !important;
  }

  .d-xxl-inherit {
    display: inherit !important;
  }

  .justify-ct-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-ct-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-ct-xxl-between {
    justify-content: space-between !important;
  }

  .justify-ct-xxl-center {
    justify-content: center !important;
  }

  .justify-ct-xxl-around {
    justify-content: space-around !important;
  }

  .justify-ct-xxl-evenly {
    justify-content: evenly !important;
  }

  .align-ct-xxl-end {
    align-content: flex-end !important;
  }

  .align-ct-xxl-start {
    align-content: flex-start !important;
  }

  .align-ct-xxl-between {
    align-content: space-between !important;
  }

  .align-ct-xxl-center {
    align-content: center !important;
  }

  .align-ct-xxl-around {
    align-content: space-around !important;
  }

  .align-ct-xxl-stretch {
    align-content: stretch !important;
  }

  .align-its-xxl-end {
    align-items: flex-end !important;
  }

  .align-its-xxl-start {
    align-items: flex-start !important;
  }

  .align-its-xxl-center {
    align-items: center !important;
  }

  .align-its-xxl-stretch {
    align-items: stretch !important;
  }

  .align-its-xxl-baseline {
    align-items: baseline !important;
  }

  .align-sf-xxl-auto {
    align-self: auto !important;
  }

  .align-sf-xxl-end {
    align-self: flex-end !important;
  }

  .align-sf-xxl-start {
    align-self: flex-start !important;
  }

  .align-sf-xxl-baseline {
    align-self: baseline !important;
  }

  .align-sf-xxl-center {
    align-self: center !important;
  }

  .align-sf-xxl-stretch {
    align-self: stretch !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-flow-xxl-row-wrap {
    flex-flow: row wrap !important;
  }

  .flex-flow-xxl-row-nowrap {
    flex-flow: row nowrap !important;
  }

  .flex-flow-xxl-column {
    flex-flow: column nowrap !important;
  }

  .flex-grow-xxl-1 {
    flex-grow: 1 !important;
  }

  .flex-grow-xxl-2 {
    flex-grow: 2 !important;
  }

  .flex-grow-xxl-3 {
    flex-grow: 3 !important;
  }

  .flex-grow-xxl-4 {
    flex-grow: 4 !important;
  }

  .flex-grow-xxl-5 {
    flex-grow: 5 !important;
  }

  .flex-grow-xxl-6 {
    flex-grow: 6 !important;
  }

  .flex-grow-xxl-7 {
    flex-grow: 7 !important;
  }

  .flex-grow-xxl-8 {
    flex-grow: 8 !important;
  }

  .flex-grow-xxl-9 {
    flex-grow: 9 !important;
  }

  .flex-grow-xxl-10 {
    flex-grow: 10 !important;
  }

  .flex-grow-xxl-11 {
    flex-grow: 11 !important;
  }

  .flex-grow-xxl-12 {
    flex-grow: 12 !important;
  }

  .flex-shrink-xxl-0 {
    flex-shrink: 0 !important;
  }

  .flex-shrink-xxl-1 {
    flex-shrink: 1 !important;
  }

  .flex-shrink-xxl-2 {
    flex-shrink: 2 !important;
  }

  .flex-shrink-xxl-3 {
    flex-shrink: 3 !important;
  }

  .flex-shrink-xxl-4 {
    flex-shrink: 4 !important;
  }

  .flex-shrink-xxl-5 {
    flex-shrink: 5 !important;
  }

  .flex-shrink-xxl-6 {
    flex-shrink: 6 !important;
  }

  .flex-shrink-xxl-7 {
    flex-shrink: 7 !important;
  }

  .flex-shrink-xxl-8 {
    flex-shrink: 8 !important;
  }

  .flex-shrink-xxl-9 {
    flex-shrink: 9 !important;
  }

  .flex-shrink-xxl-10 {
    flex-shrink: 10 !important;
  }

  .flex-shrink-xxl-11 {
    flex-shrink: 11 !important;
  }

  .flex-shrink-xxl-12 {
    flex-shrink: 12 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-6 {
    order: 6 !important;
  }

  .order-xxl-7 {
    order: 7 !important;
  }

  .order-xxl-8 {
    order: 8 !important;
  }

  .order-xxl-9 {
    order: 9 !important;
  }

  .order-xxl-10 {
    order: 10 !important;
  }

  .order-xxl-11 {
    order: 11 !important;
  }

  .order-xxl-12 {
    order: 12 !important;
  }

  .float-xxl-left {
    float: left !important;
  }

  .float-xxl-right {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .w-xxl-10 {
    width: 10% !important;
  }

  .w-xxl-15 {
    width: 15% !important;
  }

  .w-xxl-20 {
    width: 20% !important;
  }

  .w-xxl-25 {
    width: 25% !important;
  }

  .w-xxl-30 {
    width: 30% !important;
  }

  .w-xxl-35 {
    width: 35% !important;
  }

  .w-xxl-40 {
    width: 40% !important;
  }

  .w-xxl-45 {
    width: 45% !important;
  }

  .w-xxl-50 {
    width: 50% !important;
  }

  .w-xxl-55 {
    width: 55% !important;
  }

  .w-xxl-60 {
    width: 60% !important;
  }

  .w-xxl-65 {
    width: 65% !important;
  }

  .w-xxl-70 {
    width: 70% !important;
  }

  .w-xxl-75 {
    width: 75% !important;
  }

  .w-xxl-80 {
    width: 80% !important;
  }

  .w-xxl-85 {
    width: 85% !important;
  }

  .w-xxl-90 {
    width: 90% !important;
  }

  .w-xxl-95 {
    width: 95% !important;
  }

  .w-xxl-100 {
    width: 100% !important;
  }
}
.gradient-db {
  background-image: linear-gradient(to right, #314755 0%, #26A0DA 100%);
}

.gradient-oy {
  background-image: linear-gradient(to right, #E65C00 0%, #F9D423 100%);
}

.gradient-vp {
  background-image: linear-gradient(to right, #EC008C 0%, #FC6767 100%);
}

.gradient-bi {
  background-image: linear-gradient(to right, #2B32B2 0%, #1488CC 100%);
}

.gradient-rb {
  background-image: linear-gradient(to right, #00F260 0%, #0575E6 100%);
}

.gradient-red {
  background-image: linear-gradient(to right, #D31027 0%, #EA384D 100%);
}

.gradient-violet {
  background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 100%);
}

.gradient-gray {
  background-image: linear-gradient(to right, #606C88 0%, #3F4C6B 100%);
}

.gradient-pink {
  background-image: linear-gradient(to right, #FBD3E9 0%, #BB377D 100%);
}

.gradient-dark {
  background-image: linear-gradient(to right, #000000 0%, #434343 100%);
}

.gradient-light {
  background-image: linear-gradient(to right, #E0EAFC 0%, #CFDEF3 100%);
}

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  color: #313131;
  font-family: system-ui, Arial, Roboto, sans-serif;
  line-height: 1;
  font-weight: 600;
}

h1, .h1 {
  font-size: 2.5rem;
  font-weight: 700;
}
h1 + h1, .h1 + h1, h1 + .h1, .h1 + .h1 {
  page-break-before: always;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.text {
  font-size: 1.125rem;
  font-weight: 400;
  font-family: system-ui, Arial, Roboto, sans-serif;
  color: #585858;
  line-height: 1.5;
  display: block;
  max-width: 100%;
}

.font-size-1 {
  font-size: 0.75rem !important;
  line-height: 1.4;
}

.font-size-2 {
  font-size: 1rem !important;
  line-height: 1.4;
}

.font-size-3 {
  font-size: 1.125rem !important;
  line-height: 1.4;
}

.font-size-4 {
  font-size: 1.25rem !important;
  line-height: 1.4;
}

.font-size-5 {
  font-size: 1.375rem !important;
  line-height: 1.4;
}

.font-size-6 {
  font-size: 1.625rem !important;
  line-height: 1.4;
}

.font-size-7 {
  font-size: 2rem !important;
  line-height: 1.4;
}

.font-size-8 {
  font-size: 2.25rem !important;
  line-height: 1.4;
}

.font-size-9 {
  font-size: 2.5rem !important;
  line-height: 1.4;
}

.font-size-10 {
  font-size: 2.875rem !important;
  line-height: 1.4;
}

.font-size-11 {
  font-size: 3.25rem !important;
  line-height: 1.4;
}

.font-size-12 {
  font-size: 3.5rem !important;
  line-height: 1.4;
}

.font-size-13 {
  font-size: 3.75rem !important;
  line-height: 1.4;
}

.font-size-14 {
  font-size: 4.375rem !important;
  line-height: 1.4;
}

.font-size-15 {
  font-size: 5rem !important;
  line-height: 1.4;
}

.font-size-16 {
  font-size: 5.625rem !important;
  line-height: 1.4;
}

.font-size-17 {
  font-size: 6.875rem !important;
  line-height: 1.4;
}

.expand-1 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 5rem;
}

.expand-2 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 4.8rem;
}

.expand-3 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 4.375rem;
}

.expand-4 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 4.0625rem;
}

.expand-5 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 3.75rem;
}

.expand-6 {
  font-weight: 300;
  margin-bottom: 1.875rem;
  font-size: 3.4375rem;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container-xs {
  width: 100%;
  padding-left: var(--fw-gutter-x, 0.625rem);
  padding-right: var(--fw-gutter-x, 0.625rem);
  margin-left: auto;
  margin-right: auto;
}

.grid-gap > .row + .row {
  margin-top: var(--fw-gutter-x);
}

.container {
  max-width: 390px;
}

@media (min-width: 410px) {
  .container-sm, .container {
    max-width: 560px;
  }
}
@media (min-width: 740px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 980px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1120px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1220px;
  }
}
.row {
  --fw-gutter-x: 1.25rem;
  --fw-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(var(--fw-gutter-x) / -2);
  margin-left: calc(var(--fw-gutter-x) / -2);
}
.row > * {
  max-width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
  padding-left: calc(var(--fw-gutter-x) / 2);
  padding-right: calc(var(--fw-gutter-x) / 2);
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.g,
.gx-1 {
  --fw-gutter-x: 1.25rem;
}

.g,
.gx-2 {
  --fw-gutter-x: 1.875rem;
}

.g,
.gx-3 {
  --fw-gutter-x: 2.5rem;
}

.g,
.gx-4 {
  --fw-gutter-x: 3.125rem;
}

.g,
.gx-5 {
  --fw-gutter-x: 3.75rem;
}

.g,
.gx-6 {
  --fw-gutter-x: 4.375rem;
}

.g,
.gx-7 {
  --fw-gutter-x: 5rem;
}

@media (min-width: 410px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }

  .g-sm,
.gx-sm-1 {
    --fw-gutter-x: 1.25rem;
  }

  .g-sm,
.gx-sm-2 {
    --fw-gutter-x: 1.875rem;
  }

  .g-sm,
.gx-sm-3 {
    --fw-gutter-x: 2.5rem;
  }

  .g-sm,
.gx-sm-4 {
    --fw-gutter-x: 3.125rem;
  }

  .g-sm,
.gx-sm-5 {
    --fw-gutter-x: 3.75rem;
  }

  .g-sm,
.gx-sm-6 {
    --fw-gutter-x: 4.375rem;
  }

  .g-sm,
.gx-sm-7 {
    --fw-gutter-x: 5rem;
  }
}
@media (min-width: 740px) {
  .col-md {
    flex: 1 0 0%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }

  .g-md,
.gx-md-1 {
    --fw-gutter-x: 1.25rem;
  }

  .g-md,
.gx-md-2 {
    --fw-gutter-x: 1.875rem;
  }

  .g-md,
.gx-md-3 {
    --fw-gutter-x: 2.5rem;
  }

  .g-md,
.gx-md-4 {
    --fw-gutter-x: 3.125rem;
  }

  .g-md,
.gx-md-5 {
    --fw-gutter-x: 3.75rem;
  }

  .g-md,
.gx-md-6 {
    --fw-gutter-x: 4.375rem;
  }

  .g-md,
.gx-md-7 {
    --fw-gutter-x: 5rem;
  }
}
@media (min-width: 980px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }

  .g-lg,
.gx-lg-1 {
    --fw-gutter-x: 1.25rem;
  }

  .g-lg,
.gx-lg-2 {
    --fw-gutter-x: 1.875rem;
  }

  .g-lg,
.gx-lg-3 {
    --fw-gutter-x: 2.5rem;
  }

  .g-lg,
.gx-lg-4 {
    --fw-gutter-x: 3.125rem;
  }

  .g-lg,
.gx-lg-5 {
    --fw-gutter-x: 3.75rem;
  }

  .g-lg,
.gx-lg-6 {
    --fw-gutter-x: 4.375rem;
  }

  .g-lg,
.gx-lg-7 {
    --fw-gutter-x: 5rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }

  .g-xl,
.gx-xl-1 {
    --fw-gutter-x: 1.25rem;
  }

  .g-xl,
.gx-xl-2 {
    --fw-gutter-x: 1.875rem;
  }

  .g-xl,
.gx-xl-3 {
    --fw-gutter-x: 2.5rem;
  }

  .g-xl,
.gx-xl-4 {
    --fw-gutter-x: 3.125rem;
  }

  .g-xl,
.gx-xl-5 {
    --fw-gutter-x: 3.75rem;
  }

  .g-xl,
.gx-xl-6 {
    --fw-gutter-x: 4.375rem;
  }

  .g-xl,
.gx-xl-7 {
    --fw-gutter-x: 5rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }

  .g-xxl,
.gx-xxl-1 {
    --fw-gutter-x: 1.25rem;
  }

  .g-xxl,
.gx-xxl-2 {
    --fw-gutter-x: 1.875rem;
  }

  .g-xxl,
.gx-xxl-3 {
    --fw-gutter-x: 2.5rem;
  }

  .g-xxl,
.gx-xxl-4 {
    --fw-gutter-x: 3.125rem;
  }

  .g-xxl,
.gx-xxl-5 {
    --fw-gutter-x: 3.75rem;
  }

  .g-xxl,
.gx-xxl-6 {
    --fw-gutter-x: 4.375rem;
  }

  .g-xxl,
.gx-xxl-7 {
    --fw-gutter-x: 5rem;
  }
}
.btn {
  padding: 0.4375rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 5px;
  background: #3f3f3f;
  color: #fff;
  transition: background 0.2s linear;
  margin-bottom: 0.3125rem;
}

.btn-link {
  padding: 0.4375rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 5px;
  background: #3f3f3f;
  color: #fff;
  transition: background 0.2s linear;
  margin-bottom: 0.3125rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  font-family: system-ui, Arial, Roboto, sans-serif;
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: none;
}

.btn:hover,
.btn-link:hover {
  background: #393939;
}

.btn-block {
  display: block !important;
  width: 100%;
  max-width: 100% !important;
}

.btn-sm {
  padding: 0.4375rem !important;
  font-size: 1rem !important;
}

.btn-md {
  padding: 0.75rem !important;
  font-size: 1rem !important;
}

.btn-lg {
  padding: 1.0625rem !important;
  font-size: 1rem !important;
}

.btn-xl {
  padding: 1.3125rem !important;
  font-size: 1.125rem !important;
}

.flat-btn-primary {
  background: #1a82e5;
  border: 3px solid #1a82e5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-primary:hover {
  background: #2f8de7;
  box-shadow: inset 0 0 3px 3px #1670c5;
  color: #fff;
}
.flat-btn-primary:focus {
  box-shadow: 0 0 3px 4px #1876d0;
  background: #2f8de7;
  color: #fff;
}

.ghost-btn-primary {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #1a82e5;
  color: #1a82e5;
}
.ghost-btn-primary:hover, .ghost-btn-primary:focus {
  background: #1a82e5;
  color: #fff;
}

.flat-btn-secondary {
  background: #585858;
  border: 3px solid #585858;
  transition: box-shadow 0.2s linear;
}
.flat-btn-secondary:hover {
  background: #676767;
  box-shadow: inset 0 0 3px 3px #4c4c4c;
  color: #fff;
}
.flat-btn-secondary:focus {
  box-shadow: 0 0 3px 4px #505050;
  background: #676767;
  color: #fff;
}

.ghost-btn-secondary {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #585858;
  color: #585858;
}
.ghost-btn-secondary:hover, .ghost-btn-secondary:focus {
  background: #585858;
  color: #fff;
}

.flat-btn-danger {
  background: #e73b4a;
  border: 3px solid #e73b4a;
  transition: box-shadow 0.2s linear;
}
.flat-btn-danger:hover {
  background: #e94d5a;
  box-shadow: inset 0 0 3px 3px #c73340;
  color: #fff;
}
.flat-btn-danger:focus {
  box-shadow: 0 0 3px 4px #d23643;
  background: #e94d5a;
  color: #fff;
}

.ghost-btn-danger {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #e73b4a;
  color: #e73b4a;
}
.ghost-btn-danger:hover, .ghost-btn-danger:focus {
  background: #e73b4a;
  color: #fff;
}

.flat-btn-warning {
  background: #ffc107;
  border: 3px solid #ffc107;
  transition: box-shadow 0.2s linear;
}
.flat-btn-warning:hover {
  background: #ffc71d;
  box-shadow: inset 0 0 3px 3px #dba606;
  color: #fff;
}
.flat-btn-warning:focus {
  box-shadow: 0 0 3px 4px #e8b006;
  background: #ffc71d;
  color: #fff;
}

.ghost-btn-warning {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffc107;
  color: #ffc107;
}
.ghost-btn-warning:hover, .ghost-btn-warning:focus {
  background: #ffc107;
  color: #fff;
}

.flat-btn-success {
  background: #009d4f;
  border: 3px solid #009d4f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-success:hover {
  background: #17a65f;
  box-shadow: inset 0 0 3px 3px #008744;
  color: #fff;
}
.flat-btn-success:focus {
  box-shadow: 0 0 3px 4px #008f48;
  background: #17a65f;
  color: #fff;
}

.ghost-btn-success {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #009d4f;
  color: #009d4f;
}
.ghost-btn-success:hover, .ghost-btn-success:focus {
  background: #009d4f;
  color: #fff;
}

.flat-btn-light {
  background: #fff;
  border: 3px solid #fff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-light:hover {
  background: white;
  box-shadow: inset 0 0 3px 3px #dbdbdb;
  color: #fff;
}
.flat-btn-light:focus {
  box-shadow: 0 0 3px 4px #e8e8e8;
  background: white;
  color: #fff;
}

.ghost-btn-light {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #fff;
  color: #fff;
}
.ghost-btn-light:hover, .ghost-btn-light:focus {
  background: #fff;
  color: #fff;
}

.flat-btn-dark {
  background: #313131;
  border: 3px solid #313131;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark:hover {
  background: #444444;
  box-shadow: inset 0 0 3px 3px #2a2a2a;
  color: #fff;
}
.flat-btn-dark:focus {
  box-shadow: 0 0 3px 4px #2d2d2d;
  background: #444444;
  color: #fff;
}

.ghost-btn-dark {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #313131;
  color: #313131;
}
.ghost-btn-dark:hover, .ghost-btn-dark:focus {
  background: #313131;
  color: #fff;
}

.flat-btn-info {
  background: #10C1C9;
  border: 3px solid #10C1C9;
  transition: box-shadow 0.2s linear;
}
.flat-btn-info:hover {
  background: #26c7ce;
  box-shadow: inset 0 0 3px 3px #0ea6ad;
  color: #fff;
}
.flat-btn-info:focus {
  box-shadow: 0 0 3px 4px #0fb0b7;
  background: #26c7ce;
  color: #fff;
}

.ghost-btn-info {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #10C1C9;
  color: #10C1C9;
}
.ghost-btn-info:hover, .ghost-btn-info:focus {
  background: #10C1C9;
  color: #fff;
}

.flat-btn-orange {
  background: #f1a860;
  border: 3px solid #f1a860;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange:hover {
  background: #f2b06e;
  box-shadow: inset 0 0 3px 3px #cf9053;
  color: #fff;
}
.flat-btn-orange:focus {
  box-shadow: 0 0 3px 4px #db9957;
  background: #f2b06e;
  color: #fff;
}

.ghost-btn-orange {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f1a860;
  color: #f1a860;
}
.ghost-btn-orange:hover, .ghost-btn-orange:focus {
  background: #f1a860;
  color: #fff;
}

.flat-btn-violet {
  background: #a74bd2;
  border: 3px solid #a74bd2;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet:hover {
  background: #af5bd6;
  box-shadow: inset 0 0 3px 3px #9041b5;
  color: #fff;
}
.flat-btn-violet:focus {
  box-shadow: 0 0 3px 4px #9844bf;
  background: #af5bd6;
  color: #fff;
}

.ghost-btn-violet {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #a74bd2;
  color: #a74bd2;
}
.ghost-btn-violet:hover, .ghost-btn-violet:focus {
  background: #a74bd2;
  color: #fff;
}

.flat-btn-indigo {
  background: #8941ff;
  border: 3px solid #8941ff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo:hover {
  background: #9452ff;
  box-shadow: inset 0 0 3px 3px #7638db;
  color: #fff;
}
.flat-btn-indigo:focus {
  box-shadow: 0 0 3px 4px #7d3be8;
  background: #9452ff;
  color: #fff;
}

.ghost-btn-indigo {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #8941ff;
  color: #8941ff;
}
.ghost-btn-indigo:hover, .ghost-btn-indigo:focus {
  background: #8941ff;
  color: #fff;
}

.flat-btn-pink {
  background: #e077ad;
  border: 3px solid #e077ad;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink:hover {
  background: #e383b4;
  box-shadow: inset 0 0 3px 3px #c16695;
  color: #fff;
}
.flat-btn-pink:focus {
  box-shadow: 0 0 3px 4px #cc6c9d;
  background: #e383b4;
  color: #fff;
}

.ghost-btn-pink {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #e077ad;
  color: #e077ad;
}
.ghost-btn-pink:hover, .ghost-btn-pink:focus {
  background: #e077ad;
  color: #fff;
}

.flat-btn-blue-1 {
  background: #badaf7;
  border: 3px solid #badaf7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-1:hover {
  background: #c0ddf8;
  box-shadow: inset 0 0 3px 3px #a0bbd4;
  color: #fff;
}
.flat-btn-blue-1:focus {
  box-shadow: 0 0 3px 4px #a9c6e1;
  background: #c0ddf8;
  color: #fff;
}

.ghost-btn-blue-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #badaf7;
  color: #badaf7;
}
.ghost-btn-blue-1:hover, .ghost-btn-blue-1:focus {
  background: #badaf7;
  color: #fff;
}

.flat-btn-blue-2 {
  background: #8dc1f2;
  border: 3px solid #8dc1f2;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-2:hover {
  background: #97c7f3;
  box-shadow: inset 0 0 3px 3px #79a6d0;
  color: #fff;
}
.flat-btn-blue-2:focus {
  box-shadow: 0 0 3px 4px #80b0dc;
  background: #97c7f3;
  color: #fff;
}

.ghost-btn-blue-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #8dc1f2;
  color: #8dc1f2;
}
.ghost-btn-blue-2:hover, .ghost-btn-blue-2:focus {
  background: #8dc1f2;
  color: #fff;
}

.flat-btn-blue-3 {
  background: #5fa8ed;
  border: 3px solid #5fa8ed;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-3:hover {
  background: #6db0ef;
  box-shadow: inset 0 0 3px 3px #5290cc;
  color: #fff;
}
.flat-btn-blue-3:focus {
  box-shadow: 0 0 3px 4px #5699d8;
  background: #6db0ef;
  color: #fff;
}

.ghost-btn-blue-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #5fa8ed;
  color: #5fa8ed;
}
.ghost-btn-blue-3:hover, .ghost-btn-blue-3:focus {
  background: #5fa8ed;
  color: #fff;
}

.flat-btn-blue-4 {
  background: #489bea;
  border: 3px solid #489bea;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-4:hover {
  background: #58a4ec;
  box-shadow: inset 0 0 3px 3px #3e85c9;
  color: #fff;
}
.flat-btn-blue-4:focus {
  box-shadow: 0 0 3px 4px #428dd5;
  background: #58a4ec;
  color: #fff;
}

.ghost-btn-blue-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #489bea;
  color: #489bea;
}
.ghost-btn-blue-4:hover, .ghost-btn-blue-4:focus {
  background: #489bea;
  color: #fff;
}

.flat-btn-blue-5 {
  background: #1a82e5;
  border: 3px solid #1a82e5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-5:hover {
  background: #2f8de7;
  box-shadow: inset 0 0 3px 3px #1670c5;
  color: #fff;
}
.flat-btn-blue-5:focus {
  box-shadow: 0 0 3px 4px #1876d0;
  background: #2f8de7;
  color: #fff;
}

.ghost-btn-blue-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #1a82e5;
  color: #1a82e5;
}
.ghost-btn-blue-5:hover, .ghost-btn-blue-5:focus {
  background: #1a82e5;
  color: #fff;
}

.flat-btn-blue-6 {
  background: #1568b7;
  border: 3px solid #1568b7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-6:hover {
  background: #2a76bd;
  box-shadow: inset 0 0 3px 3px #12599d;
  color: #fff;
}
.flat-btn-blue-6:focus {
  box-shadow: 0 0 3px 4px #135fa7;
  background: #2a76bd;
  color: #fff;
}

.ghost-btn-blue-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #1568b7;
  color: #1568b7;
}
.ghost-btn-blue-6:hover, .ghost-btn-blue-6:focus {
  background: #1568b7;
  color: #fff;
}

.flat-btn-blue-7 {
  background: #125ba0;
  border: 3px solid #125ba0;
  transition: box-shadow 0.2s linear;
}
.flat-btn-blue-7:hover {
  background: #276aa9;
  box-shadow: inset 0 0 3px 3px #0f4e8a;
  color: #fff;
}
.flat-btn-blue-7:focus {
  box-shadow: 0 0 3px 4px #105392;
  background: #276aa9;
  color: #fff;
}

.ghost-btn-blue-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #125ba0;
  color: #125ba0;
}
.ghost-btn-blue-7:hover, .ghost-btn-blue-7:focus {
  background: #125ba0;
  color: #fff;
}

.flat-btn-green-1 {
  background: #b3e2ca;
  border: 3px solid #b3e2ca;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-1:hover {
  background: #bae5cf;
  box-shadow: inset 0 0 3px 3px #9ac2ae;
  color: #fff;
}
.flat-btn-green-1:focus {
  box-shadow: 0 0 3px 4px #a3ceb8;
  background: #bae5cf;
  color: #fff;
}

.ghost-btn-green-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b3e2ca;
  color: #b3e2ca;
}
.ghost-btn-green-1:hover, .ghost-btn-green-1:focus {
  background: #b3e2ca;
  color: #fff;
}

.flat-btn-green-2 {
  background: #80cea7;
  border: 3px solid #80cea7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-2:hover {
  background: #8bd2af;
  box-shadow: inset 0 0 3px 3px #6eb190;
  color: #fff;
}
.flat-btn-green-2:focus {
  box-shadow: 0 0 3px 4px #74bb98;
  background: #8bd2af;
  color: #fff;
}

.ghost-btn-green-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #80cea7;
  color: #80cea7;
}
.ghost-btn-green-2:hover, .ghost-btn-green-2:focus {
  background: #80cea7;
  color: #fff;
}

.flat-btn-green-3 {
  background: #4dba84;
  border: 3px solid #4dba84;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-3:hover {
  background: #5dc08f;
  box-shadow: inset 0 0 3px 3px #42a072;
  color: #fff;
}
.flat-btn-green-3:focus {
  box-shadow: 0 0 3px 4px #46a978;
  background: #5dc08f;
  color: #fff;
}

.ghost-btn-green-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #4dba84;
  color: #4dba84;
}
.ghost-btn-green-3:hover, .ghost-btn-green-3:focus {
  background: #4dba84;
  color: #fff;
}

.flat-btn-green-4 {
  background: #33b172;
  border: 3px solid #33b172;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-4:hover {
  background: #45b87f;
  box-shadow: inset 0 0 3px 3px #2c9862;
  color: #fff;
}
.flat-btn-green-4:focus {
  box-shadow: 0 0 3px 4px #2ea168;
  background: #45b87f;
  color: #fff;
}

.ghost-btn-green-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #33b172;
  color: #33b172;
}
.ghost-btn-green-4:hover, .ghost-btn-green-4:focus {
  background: #33b172;
  color: #fff;
}

.flat-btn-green-5 {
  background: #009d4f;
  border: 3px solid #009d4f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-5:hover {
  background: #17a65f;
  box-shadow: inset 0 0 3px 3px #008744;
  color: #fff;
}
.flat-btn-green-5:focus {
  box-shadow: 0 0 3px 4px #008f48;
  background: #17a65f;
  color: #fff;
}

.ghost-btn-green-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #009d4f;
  color: #009d4f;
}
.ghost-btn-green-5:hover, .ghost-btn-green-5:focus {
  background: #009d4f;
  color: #fff;
}

.flat-btn-green-6 {
  background: #007e3f;
  border: 3px solid #007e3f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-6:hover {
  background: #178a50;
  box-shadow: inset 0 0 3px 3px #006c36;
  color: #fff;
}
.flat-btn-green-6:focus {
  box-shadow: 0 0 3px 4px #007339;
  background: #178a50;
  color: #fff;
}

.ghost-btn-green-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #007e3f;
  color: #007e3f;
}
.ghost-btn-green-6:hover, .ghost-btn-green-6:focus {
  background: #007e3f;
  color: #fff;
}

.flat-btn-green-7 {
  background: #006e37;
  border: 3px solid #006e37;
  transition: box-shadow 0.2s linear;
}
.flat-btn-green-7:hover {
  background: #177b49;
  box-shadow: inset 0 0 3px 3px #005f2f;
  color: #fff;
}
.flat-btn-green-7:focus {
  box-shadow: 0 0 3px 4px #006432;
  background: #177b49;
  color: #fff;
}

.ghost-btn-green-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #006e37;
  color: #006e37;
}
.ghost-btn-green-7:hover, .ghost-btn-green-7:focus {
  background: #006e37;
  color: #fff;
}

.flat-btn-red-1 {
  background: #f8c4c9;
  border: 3px solid #f8c4c9;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-1:hover {
  background: #f9c9ce;
  box-shadow: inset 0 0 3px 3px #d5a9ad;
  color: #fff;
}
.flat-btn-red-1:focus {
  box-shadow: 0 0 3px 4px #e2b2b7;
  background: #f9c9ce;
  color: #fff;
}

.ghost-btn-red-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f8c4c9;
  color: #f8c4c9;
}
.ghost-btn-red-1:hover, .ghost-btn-red-1:focus {
  background: #f8c4c9;
  color: #fff;
}

.flat-btn-red-2 {
  background: #f39da5;
  border: 3px solid #f39da5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-2:hover {
  background: #f4a6ad;
  box-shadow: inset 0 0 3px 3px #d1878e;
  color: #fff;
}
.flat-btn-red-2:focus {
  box-shadow: 0 0 3px 4px #dd8f96;
  background: #f4a6ad;
  color: #fff;
}

.ghost-btn-red-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f39da5;
  color: #f39da5;
}
.ghost-btn-red-2:hover, .ghost-btn-red-2:focus {
  background: #f39da5;
  color: #fff;
}

.flat-btn-red-3 {
  background: #ee7680;
  border: 3px solid #ee7680;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-3:hover {
  background: #f0828b;
  box-shadow: inset 0 0 3px 3px #cd656e;
  color: #fff;
}
.flat-btn-red-3:focus {
  box-shadow: 0 0 3px 4px #d96b74;
  background: #f0828b;
  color: #fff;
}

.ghost-btn-red-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ee7680;
  color: #ee7680;
}
.ghost-btn-red-3:hover, .ghost-btn-red-3:focus {
  background: #ee7680;
  color: #fff;
}

.flat-btn-red-4 {
  background: #ec626e;
  border: 3px solid #ec626e;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-4:hover {
  background: #ee707b;
  box-shadow: inset 0 0 3px 3px #cb545f;
  color: #fff;
}
.flat-btn-red-4:focus {
  box-shadow: 0 0 3px 4px #d75964;
  background: #ee707b;
  color: #fff;
}

.ghost-btn-red-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ec626e;
  color: #ec626e;
}
.ghost-btn-red-4:hover, .ghost-btn-red-4:focus {
  background: #ec626e;
  color: #fff;
}

.flat-btn-red-5 {
  background: #e73b4a;
  border: 3px solid #e73b4a;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-5:hover {
  background: #e94d5a;
  box-shadow: inset 0 0 3px 3px #c73340;
  color: #fff;
}
.flat-btn-red-5:focus {
  box-shadow: 0 0 3px 4px #d23643;
  background: #e94d5a;
  color: #fff;
}

.ghost-btn-red-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #e73b4a;
  color: #e73b4a;
}
.ghost-btn-red-5:hover, .ghost-btn-red-5:focus {
  background: #e73b4a;
  color: #fff;
}

.flat-btn-red-6 {
  background: #b92f3b;
  border: 3px solid #b92f3b;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-6:hover {
  background: #bf424d;
  box-shadow: inset 0 0 3px 3px #9f2833;
  color: #fff;
}
.flat-btn-red-6:focus {
  box-shadow: 0 0 3px 4px #a82b36;
  background: #bf424d;
  color: #fff;
}

.ghost-btn-red-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b92f3b;
  color: #b92f3b;
}
.ghost-btn-red-6:hover, .ghost-btn-red-6:focus {
  background: #b92f3b;
  color: #fff;
}

.flat-btn-red-7 {
  background: #a22934;
  border: 3px solid #a22934;
  transition: box-shadow 0.2s linear;
}
.flat-btn-red-7:hover {
  background: #aa3c46;
  box-shadow: inset 0 0 3px 3px #8b232d;
  color: #fff;
}
.flat-btn-red-7:focus {
  box-shadow: 0 0 3px 4px #93252f;
  background: #aa3c46;
  color: #fff;
}

.ghost-btn-red-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #a22934;
  color: #a22934;
}
.ghost-btn-red-7:hover, .ghost-btn-red-7:focus {
  background: #a22934;
  color: #fff;
}

.flat-btn-orange-1 {
  background: #fadec3;
  border: 3px solid #fadec3;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-1:hover {
  background: #fae1c8;
  box-shadow: inset 0 0 3px 3px #d7bfa8;
  color: #fff;
}
.flat-btn-orange-1:focus {
  box-shadow: 0 0 3px 4px #e4cab1;
  background: #fae1c8;
  color: #fff;
}

.ghost-btn-orange-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #fadec3;
  color: #fadec3;
}
.ghost-btn-orange-1:hover, .ghost-btn-orange-1:focus {
  background: #fadec3;
  color: #fff;
}

.flat-btn-orange-2 {
  background: #f7c99c;
  border: 3px solid #f7c99c;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-2:hover {
  background: #f8cea5;
  box-shadow: inset 0 0 3px 3px #d4ad86;
  color: #fff;
}
.flat-btn-orange-2:focus {
  box-shadow: 0 0 3px 4px #e1b78e;
  background: #f8cea5;
  color: #fff;
}

.ghost-btn-orange-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f7c99c;
  color: #f7c99c;
}
.ghost-btn-orange-2:hover, .ghost-btn-orange-2:focus {
  background: #f7c99c;
  color: #fff;
}

.flat-btn-orange-3 {
  background: #f3b374;
  border: 3px solid #f3b374;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-3:hover {
  background: #f4ba81;
  box-shadow: inset 0 0 3px 3px #d19a64;
  color: #fff;
}
.flat-btn-orange-3:focus {
  box-shadow: 0 0 3px 4px #dda36a;
  background: #f4ba81;
  color: #fff;
}

.ghost-btn-orange-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f3b374;
  color: #f3b374;
}
.ghost-btn-orange-3:hover, .ghost-btn-orange-3:focus {
  background: #f3b374;
  color: #fff;
}

.flat-btn-orange-4 {
  background: #f1a860;
  border: 3px solid #f1a860;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-4:hover {
  background: #f2b06e;
  box-shadow: inset 0 0 3px 3px #cf9053;
  color: #fff;
}
.flat-btn-orange-4:focus {
  box-shadow: 0 0 3px 4px #db9957;
  background: #f2b06e;
  color: #fff;
}

.ghost-btn-orange-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f1a860;
  color: #f1a860;
}
.ghost-btn-orange-4:hover, .ghost-btn-orange-4:focus {
  background: #f1a860;
  color: #fff;
}

.flat-btn-orange-5 {
  background: #EE9238;
  border: 3px solid #EE9238;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-5:hover {
  background: #f09c4a;
  box-shadow: inset 0 0 3px 3px #cd7e30;
  color: #fff;
}
.flat-btn-orange-5:focus {
  box-shadow: 0 0 3px 4px #d98533;
  background: #f09c4a;
  color: #fff;
}

.ghost-btn-orange-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #EE9238;
  color: #EE9238;
}
.ghost-btn-orange-5:hover, .ghost-btn-orange-5:focus {
  background: #EE9238;
  color: #fff;
}

.flat-btn-orange-6 {
  background: #be752d;
  border: 3px solid #be752d;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-6:hover {
  background: #c48140;
  box-shadow: inset 0 0 3px 3px #a36527;
  color: #fff;
}
.flat-btn-orange-6:focus {
  box-shadow: 0 0 3px 4px #ad6a29;
  background: #c48140;
  color: #fff;
}

.ghost-btn-orange-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #be752d;
  color: #be752d;
}
.ghost-btn-orange-6:hover, .ghost-btn-orange-6:focus {
  background: #be752d;
  color: #fff;
}

.flat-btn-orange-7 {
  background: #a76627;
  border: 3px solid #a76627;
  transition: box-shadow 0.2s linear;
}
.flat-btn-orange-7:hover {
  background: #af743a;
  box-shadow: inset 0 0 3px 3px #905822;
  color: #fff;
}
.flat-btn-orange-7:focus {
  box-shadow: 0 0 3px 4px #985d23;
  background: #af743a;
  color: #fff;
}

.ghost-btn-orange-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #a76627;
  color: #a76627;
}
.ghost-btn-orange-7:hover, .ghost-btn-orange-7:focus {
  background: #a76627;
  color: #fff;
}

.flat-btn-violet-1 {
  background: #debcee;
  border: 3px solid #debcee;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-1:hover {
  background: #e1c2f0;
  box-shadow: inset 0 0 3px 3px #bfa2cd;
  color: #fff;
}
.flat-btn-violet-1:focus {
  box-shadow: 0 0 3px 4px #caabd9;
  background: #e1c2f0;
  color: #fff;
}

.ghost-btn-violet-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #debcee;
  color: #debcee;
}
.ghost-btn-violet-1:hover, .ghost-btn-violet-1:focus {
  background: #debcee;
  color: #fff;
}

.flat-btn-violet-2 {
  background: #c88fe3;
  border: 3px solid #c88fe3;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-2:hover {
  background: #cd99e6;
  box-shadow: inset 0 0 3px 3px #ac7bc3;
  color: #fff;
}
.flat-btn-violet-2:focus {
  box-shadow: 0 0 3px 4px #b682cf;
  background: #cd99e6;
  color: #fff;
}

.ghost-btn-violet-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #c88fe3;
  color: #c88fe3;
}
.ghost-btn-violet-2:hover, .ghost-btn-violet-2:focus {
  background: #c88fe3;
  color: #fff;
}

.flat-btn-violet-3 {
  background: #b262d8;
  border: 3px solid #b262d8;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-3:hover {
  background: #b970dc;
  box-shadow: inset 0 0 3px 3px #9954ba;
  color: #fff;
}
.flat-btn-violet-3:focus {
  box-shadow: 0 0 3px 4px #a259c5;
  background: #b970dc;
  color: #fff;
}

.ghost-btn-violet-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b262d8;
  color: #b262d8;
}
.ghost-btn-violet-3:hover, .ghost-btn-violet-3:focus {
  background: #b262d8;
  color: #fff;
}

.flat-btn-violet-4 {
  background: #a74bd2;
  border: 3px solid #a74bd2;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-4:hover {
  background: #af5bd6;
  box-shadow: inset 0 0 3px 3px #9041b5;
  color: #fff;
}
.flat-btn-violet-4:focus {
  box-shadow: 0 0 3px 4px #9844bf;
  background: #af5bd6;
  color: #fff;
}

.ghost-btn-violet-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #a74bd2;
  color: #a74bd2;
}
.ghost-btn-violet-4:hover, .ghost-btn-violet-4:focus {
  background: #a74bd2;
  color: #fff;
}

.flat-btn-violet-5 {
  background: #911eC7;
  border: 3px solid #911eC7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-5:hover {
  background: #9b32cc;
  box-shadow: inset 0 0 3px 3px #7d1aab;
  color: #fff;
}
.flat-btn-violet-5:focus {
  box-shadow: 0 0 3px 4px #841bb5;
  background: #9b32cc;
  color: #fff;
}

.ghost-btn-violet-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #911eC7;
  color: #911eC7;
}
.ghost-btn-violet-5:hover, .ghost-btn-violet-5:focus {
  background: #911eC7;
  color: #fff;
}

.flat-btn-violet-6 {
  background: #74189f;
  border: 3px solid #74189f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-6:hover {
  background: #812da8;
  box-shadow: inset 0 0 3px 3px #641589;
  color: #fff;
}
.flat-btn-violet-6:focus {
  box-shadow: 0 0 3px 4px #6a1691;
  background: #812da8;
  color: #fff;
}

.ghost-btn-violet-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #74189f;
  color: #74189f;
}
.ghost-btn-violet-6:hover, .ghost-btn-violet-6:focus {
  background: #74189f;
  color: #fff;
}

.flat-btn-violet-7 {
  background: #66158b;
  border: 3px solid #66158b;
  transition: box-shadow 0.2s linear;
}
.flat-btn-violet-7:hover {
  background: #742a95;
  box-shadow: inset 0 0 3px 3px #581278;
  color: #fff;
}
.flat-btn-violet-7:focus {
  box-shadow: 0 0 3px 4px #5d137e;
  background: #742a95;
  color: #fff;
}

.ghost-btn-violet-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #66158b;
  color: #66158b;
}
.ghost-btn-violet-7:hover, .ghost-btn-violet-7:focus {
  background: #66158b;
  color: #fff;
}

.flat-btn-indigo-1 {
  background: #d3b8ff;
  border: 3px solid #d3b8ff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-1:hover {
  background: #d7beff;
  box-shadow: inset 0 0 3px 3px #b59edb;
  color: #fff;
}
.flat-btn-indigo-1:focus {
  box-shadow: 0 0 3px 4px #c0a7e8;
  background: #d7beff;
  color: #fff;
}

.ghost-btn-indigo-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #d3b8ff;
  color: #d3b8ff;
}
.ghost-btn-indigo-1:hover, .ghost-btn-indigo-1:focus {
  background: #d3b8ff;
  color: #fff;
}

.flat-btn-indigo-2 {
  background: #b588ff;
  border: 3px solid #b588ff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-2:hover {
  background: #bc93ff;
  box-shadow: inset 0 0 3px 3px #9c75db;
  color: #fff;
}
.flat-btn-indigo-2:focus {
  box-shadow: 0 0 3px 4px #a57ce8;
  background: #bc93ff;
  color: #fff;
}

.ghost-btn-indigo-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b588ff;
  color: #b588ff;
}
.ghost-btn-indigo-2:hover, .ghost-btn-indigo-2:focus {
  background: #b588ff;
  color: #fff;
}

.flat-btn-indigo-3 {
  background: #9758ff;
  border: 3px solid #9758ff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-3:hover {
  background: #a067ff;
  box-shadow: inset 0 0 3px 3px #824cdb;
  color: #fff;
}
.flat-btn-indigo-3:focus {
  box-shadow: 0 0 3px 4px #8950e8;
  background: #a067ff;
  color: #fff;
}

.ghost-btn-indigo-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #9758ff;
  color: #9758ff;
}
.ghost-btn-indigo-3:hover, .ghost-btn-indigo-3:focus {
  background: #9758ff;
  color: #fff;
}

.flat-btn-indigo-4 {
  background: #8941ff;
  border: 3px solid #8941ff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-4:hover {
  background: #9452ff;
  box-shadow: inset 0 0 3px 3px #7638db;
  color: #fff;
}
.flat-btn-indigo-4:focus {
  box-shadow: 0 0 3px 4px #7d3be8;
  background: #9452ff;
  color: #fff;
}

.ghost-btn-indigo-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #8941ff;
  color: #8941ff;
}
.ghost-btn-indigo-4:hover, .ghost-btn-indigo-4:focus {
  background: #8941ff;
  color: #fff;
}

.flat-btn-indigo-5 {
  background: #6B11FF;
  border: 3px solid #6B11FF;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-5:hover {
  background: #7826ff;
  box-shadow: inset 0 0 3px 3px #5c0fdb;
  color: #fff;
}
.flat-btn-indigo-5:focus {
  box-shadow: 0 0 3px 4px #610fe8;
  background: #7826ff;
  color: #fff;
}

.ghost-btn-indigo-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #6B11FF;
  color: #6B11FF;
}
.ghost-btn-indigo-5:hover, .ghost-btn-indigo-5:focus {
  background: #6B11FF;
  color: #fff;
}

.flat-btn-indigo-6 {
  background: #560ecc;
  border: 3px solid #560ecc;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-6:hover {
  background: #6524d1;
  box-shadow: inset 0 0 3px 3px #4a0caf;
  color: #fff;
}
.flat-btn-indigo-6:focus {
  box-shadow: 0 0 3px 4px #4e0dba;
  background: #6524d1;
  color: #fff;
}

.ghost-btn-indigo-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #560ecc;
  color: #560ecc;
}
.ghost-btn-indigo-6:hover, .ghost-btn-indigo-6:focus {
  background: #560ecc;
  color: #fff;
}

.flat-btn-indigo-7 {
  background: #4b0cb3;
  border: 3px solid #4b0cb3;
  transition: box-shadow 0.2s linear;
}
.flat-btn-indigo-7:hover {
  background: #5b22ba;
  box-shadow: inset 0 0 3px 3px #410a9a;
  color: #fff;
}
.flat-btn-indigo-7:focus {
  box-shadow: 0 0 3px 4px #440ba3;
  background: #5b22ba;
  color: #fff;
}

.ghost-btn-indigo-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #4b0cb3;
  color: #4b0cb3;
}
.ghost-btn-indigo-7:hover, .ghost-btn-indigo-7:focus {
  background: #4b0cb3;
  color: #fff;
}

.flat-btn-cyan-1 {
  background: #b7ecef;
  border: 3px solid #b7ecef;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-1:hover {
  background: #bdeef0;
  box-shadow: inset 0 0 3px 3px #9dcbce;
  color: #fff;
}
.flat-btn-cyan-1:focus {
  box-shadow: 0 0 3px 4px #a7d7d9;
  background: #bdeef0;
  color: #fff;
}

.ghost-btn-cyan-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b7ecef;
  color: #b7ecef;
}
.ghost-btn-cyan-1:hover, .ghost-btn-cyan-1:focus {
  background: #b7ecef;
  color: #fff;
}

.flat-btn-cyan-2 {
  background: #88e0e4;
  border: 3px solid #88e0e4;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-2:hover {
  background: #93e3e6;
  box-shadow: inset 0 0 3px 3px #75c1c4;
  color: #fff;
}
.flat-btn-cyan-2:focus {
  box-shadow: 0 0 3px 4px #7ccccf;
  background: #93e3e6;
  color: #fff;
}

.ghost-btn-cyan-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #88e0e4;
  color: #88e0e4;
}
.ghost-btn-cyan-2:hover, .ghost-btn-cyan-2:focus {
  background: #88e0e4;
  color: #fff;
}

.flat-btn-cyan-3 {
  background: #58d4d9;
  border: 3px solid #58d4d9;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-3:hover {
  background: #67d8dc;
  box-shadow: inset 0 0 3px 3px #4cb6bb;
  color: #fff;
}
.flat-btn-cyan-3:focus {
  box-shadow: 0 0 3px 4px #50c1c5;
  background: #67d8dc;
  color: #fff;
}

.ghost-btn-cyan-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #58d4d9;
  color: #58d4d9;
}
.ghost-btn-cyan-3:hover, .ghost-btn-cyan-3:focus {
  background: #58d4d9;
  color: #fff;
}

.flat-btn-cyan-4 {
  background: #40cdd4;
  border: 3px solid #40cdd4;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-4:hover {
  background: #51d2d8;
  box-shadow: inset 0 0 3px 3px #37b0b6;
  color: #fff;
}
.flat-btn-cyan-4:focus {
  box-shadow: 0 0 3px 4px #3abbc1;
  background: #51d2d8;
  color: #fff;
}

.ghost-btn-cyan-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #40cdd4;
  color: #40cdd4;
}
.ghost-btn-cyan-4:hover, .ghost-btn-cyan-4:focus {
  background: #40cdd4;
  color: #fff;
}

.flat-btn-cyan-5 {
  background: #10C1C9;
  border: 3px solid #10C1C9;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-5:hover {
  background: #26c7ce;
  box-shadow: inset 0 0 3px 3px #0ea6ad;
  color: #fff;
}
.flat-btn-cyan-5:focus {
  box-shadow: 0 0 3px 4px #0fb0b7;
  background: #26c7ce;
  color: #fff;
}

.ghost-btn-cyan-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #10C1C9;
  color: #10C1C9;
}
.ghost-btn-cyan-5:hover, .ghost-btn-cyan-5:focus {
  background: #10C1C9;
  color: #fff;
}

.flat-btn-cyan-6 {
  background: #0d9aa1;
  border: 3px solid #0d9aa1;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-6:hover {
  background: #23a3a9;
  box-shadow: inset 0 0 3px 3px #0b848a;
  color: #fff;
}
.flat-btn-cyan-6:focus {
  box-shadow: 0 0 3px 4px #0c8c93;
  background: #23a3a9;
  color: #fff;
}

.ghost-btn-cyan-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #0d9aa1;
  color: #0d9aa1;
}
.ghost-btn-cyan-6:hover, .ghost-btn-cyan-6:focus {
  background: #0d9aa1;
  color: #fff;
}

.flat-btn-cyan-7 {
  background: #0b878d;
  border: 3px solid #0b878d;
  transition: box-shadow 0.2s linear;
}
.flat-btn-cyan-7:hover {
  background: #219297;
  box-shadow: inset 0 0 3px 3px #097479;
  color: #fff;
}
.flat-btn-cyan-7:focus {
  box-shadow: 0 0 3px 4px #0a7b80;
  background: #219297;
  color: #fff;
}

.ghost-btn-cyan-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #0b878d;
  color: #0b878d;
}
.ghost-btn-cyan-7:hover, .ghost-btn-cyan-7:focus {
  background: #0b878d;
  color: #fff;
}

.flat-btn-pink-1 {
  background: #f3cce0;
  border: 3px solid #f3cce0;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-1:hover {
  background: #f4d1e3;
  box-shadow: inset 0 0 3px 3px #d1afc1;
  color: #fff;
}
.flat-btn-pink-1:focus {
  box-shadow: 0 0 3px 4px #ddbacc;
  background: #f4d1e3;
  color: #fff;
}

.ghost-btn-pink-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f3cce0;
  color: #f3cce0;
}
.ghost-btn-pink-1:hover, .ghost-btn-pink-1:focus {
  background: #f3cce0;
  color: #fff;
}

.flat-btn-pink-2 {
  background: #ecaacc;
  border: 3px solid #ecaacc;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-2:hover {
  background: #eeb2d1;
  box-shadow: inset 0 0 3px 3px #cb92af;
  color: #fff;
}
.flat-btn-pink-2:focus {
  box-shadow: 0 0 3px 4px #d79bba;
  background: #eeb2d1;
  color: #fff;
}

.ghost-btn-pink-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ecaacc;
  color: #ecaacc;
}
.ghost-btn-pink-2:hover, .ghost-btn-pink-2:focus {
  background: #ecaacc;
  color: #fff;
}

.flat-btn-pink-3 {
  background: #e488b7;
  border: 3px solid #e488b7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-3:hover {
  background: #e693bd;
  box-shadow: inset 0 0 3px 3px #c4759d;
  color: #fff;
}
.flat-btn-pink-3:focus {
  box-shadow: 0 0 3px 4px #cf7ca7;
  background: #e693bd;
  color: #fff;
}

.ghost-btn-pink-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #e488b7;
  color: #e488b7;
}
.ghost-btn-pink-3:hover, .ghost-btn-pink-3:focus {
  background: #e488b7;
  color: #fff;
}

.flat-btn-pink-4 {
  background: #e077ad;
  border: 3px solid #e077ad;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-4:hover {
  background: #e383b4;
  box-shadow: inset 0 0 3px 3px #c16695;
  color: #fff;
}
.flat-btn-pink-4:focus {
  box-shadow: 0 0 3px 4px #cc6c9d;
  background: #e383b4;
  color: #fff;
}

.ghost-btn-pink-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #e077ad;
  color: #e077ad;
}
.ghost-btn-pink-4:hover, .ghost-btn-pink-4:focus {
  background: #e077ad;
  color: #fff;
}

.flat-btn-pink-5 {
  background: #d85598;
  border: 3px solid #d85598;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-5:hover {
  background: #dc64a1;
  box-shadow: inset 0 0 3px 3px #ba4983;
  color: #fff;
}
.flat-btn-pink-5:focus {
  box-shadow: 0 0 3px 4px #c54d8a;
  background: #dc64a1;
  color: #fff;
}

.ghost-btn-pink-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #d85598;
  color: #d85598;
}
.ghost-btn-pink-5:hover, .ghost-btn-pink-5:focus {
  background: #d85598;
  color: #fff;
}

.flat-btn-pink-6 {
  background: #ad447a;
  border: 3px solid #ad447a;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-6:hover {
  background: #b45586;
  box-shadow: inset 0 0 3px 3px #953a69;
  color: #fff;
}
.flat-btn-pink-6:focus {
  box-shadow: 0 0 3px 4px #9d3e6f;
  background: #b45586;
  color: #fff;
}

.ghost-btn-pink-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ad447a;
  color: #ad447a;
}
.ghost-btn-pink-6:hover, .ghost-btn-pink-6:focus {
  background: #ad447a;
  color: #fff;
}

.flat-btn-pink-7 {
  background: #973c6a;
  border: 3px solid #973c6a;
  transition: box-shadow 0.2s linear;
}
.flat-btn-pink-7:hover {
  background: #a04e77;
  box-shadow: inset 0 0 3px 3px #82345b;
  color: #fff;
}
.flat-btn-pink-7:focus {
  box-shadow: 0 0 3px 4px #893760;
  background: #a04e77;
  color: #fff;
}

.ghost-btn-pink-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #973c6a;
  color: #973c6a;
}
.ghost-btn-pink-7:hover, .ghost-btn-pink-7:focus {
  background: #973c6a;
  color: #fff;
}

.flat-btn-yellow-1 {
  background: #ffecb5;
  border: 3px solid #ffecb5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-1:hover {
  background: #ffeebc;
  box-shadow: inset 0 0 3px 3px #dbcb9c;
  color: #fff;
}
.flat-btn-yellow-1:focus {
  box-shadow: 0 0 3px 4px #e8d7a5;
  background: #ffeebc;
  color: #fff;
}

.ghost-btn-yellow-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffecb5;
  color: #ffecb5;
}
.ghost-btn-yellow-1:hover, .ghost-btn-yellow-1:focus {
  background: #ffecb5;
  color: #fff;
}

.flat-btn-yellow-2 {
  background: #ffe083;
  border: 3px solid #ffe083;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-2:hover {
  background: #ffe38e;
  box-shadow: inset 0 0 3px 3px #dbc171;
  color: #fff;
}
.flat-btn-yellow-2:focus {
  box-shadow: 0 0 3px 4px #e8cc77;
  background: #ffe38e;
  color: #fff;
}

.ghost-btn-yellow-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffe083;
  color: #ffe083;
}
.ghost-btn-yellow-2:hover, .ghost-btn-yellow-2:focus {
  background: #ffe083;
  color: #fff;
}

.flat-btn-yellow-3 {
  background: #ffd451;
  border: 3px solid #ffd451;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-3:hover {
  background: #ffd861;
  box-shadow: inset 0 0 3px 3px #dbb646;
  color: #fff;
}
.flat-btn-yellow-3:focus {
  box-shadow: 0 0 3px 4px #e8c14a;
  background: #ffd861;
  color: #fff;
}

.ghost-btn-yellow-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffd451;
  color: #ffd451;
}
.ghost-btn-yellow-3:hover, .ghost-btn-yellow-3:focus {
  background: #ffd451;
  color: #fff;
}

.flat-btn-yellow-4 {
  background: #ffcd39;
  border: 3px solid #ffcd39;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-4:hover {
  background: #ffd24b;
  box-shadow: inset 0 0 3px 3px #dbb031;
  color: #fff;
}
.flat-btn-yellow-4:focus {
  box-shadow: 0 0 3px 4px #e8bb34;
  background: #ffd24b;
  color: #fff;
}

.ghost-btn-yellow-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffcd39;
  color: #ffcd39;
}
.ghost-btn-yellow-4:hover, .ghost-btn-yellow-4:focus {
  background: #ffcd39;
  color: #fff;
}

.flat-btn-yellow-5 {
  background: #ffc107;
  border: 3px solid #ffc107;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-5:hover {
  background: #ffc71d;
  box-shadow: inset 0 0 3px 3px #dba606;
  color: #fff;
}
.flat-btn-yellow-5:focus {
  box-shadow: 0 0 3px 4px #e8b006;
  background: #ffc71d;
  color: #fff;
}

.ghost-btn-yellow-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #ffc107;
  color: #ffc107;
}
.ghost-btn-yellow-5:hover, .ghost-btn-yellow-5:focus {
  background: #ffc107;
  color: #fff;
}

.flat-btn-yellow-6 {
  background: #cc9a06;
  border: 3px solid #cc9a06;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-6:hover {
  background: #d1a31c;
  box-shadow: inset 0 0 3px 3px #af8405;
  color: #fff;
}
.flat-btn-yellow-6:focus {
  box-shadow: 0 0 3px 4px #ba8c05;
  background: #d1a31c;
  color: #fff;
}

.ghost-btn-yellow-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #cc9a06;
  color: #cc9a06;
}
.ghost-btn-yellow-6:hover, .ghost-btn-yellow-6:focus {
  background: #cc9a06;
  color: #fff;
}

.flat-btn-yellow-7 {
  background: #b38705;
  border: 3px solid #b38705;
  transition: box-shadow 0.2s linear;
}
.flat-btn-yellow-7:hover {
  background: #ba921c;
  box-shadow: inset 0 0 3px 3px #9a7404;
  color: #fff;
}
.flat-btn-yellow-7:focus {
  box-shadow: 0 0 3px 4px #a37b05;
  background: #ba921c;
  color: #fff;
}

.ghost-btn-yellow-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #b38705;
  color: #b38705;
}
.ghost-btn-yellow-7:hover, .ghost-btn-yellow-7:focus {
  background: #b38705;
  color: #fff;
}

.flat-btn-dark-1 {
  background: #292929;
  border: 3px solid #292929;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-1:hover {
  background: #3c3c3c;
  box-shadow: inset 0 0 3px 3px #232323;
  color: #fff;
}
.flat-btn-dark-1:focus {
  box-shadow: 0 0 3px 4px #252525;
  background: #3c3c3c;
  color: #fff;
}

.ghost-btn-dark-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #292929;
  color: #292929;
}
.ghost-btn-dark-1:hover, .ghost-btn-dark-1:focus {
  background: #292929;
  color: #fff;
}

.flat-btn-dark-2 {
  background: #2c2c2c;
  border: 3px solid #2c2c2c;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-2:hover {
  background: #3f3f3f;
  box-shadow: inset 0 0 3px 3px #262626;
  color: #fff;
}
.flat-btn-dark-2:focus {
  box-shadow: 0 0 3px 4px #282828;
  background: #3f3f3f;
  color: #fff;
}

.ghost-btn-dark-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #2c2c2c;
  color: #2c2c2c;
}
.ghost-btn-dark-2:hover, .ghost-btn-dark-2:focus {
  background: #2c2c2c;
  color: #fff;
}

.flat-btn-dark-3 {
  background: #2e2e2e;
  border: 3px solid #2e2e2e;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-3:hover {
  background: #414141;
  box-shadow: inset 0 0 3px 3px #282828;
  color: #fff;
}
.flat-btn-dark-3:focus {
  box-shadow: 0 0 3px 4px #2a2a2a;
  background: #414141;
  color: #fff;
}

.ghost-btn-dark-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #2e2e2e;
  color: #2e2e2e;
}
.ghost-btn-dark-3:hover, .ghost-btn-dark-3:focus {
  background: #2e2e2e;
  color: #fff;
}

.flat-btn-dark-4 {
  background: #313131;
  border: 3px solid #313131;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-4:hover {
  background: #444444;
  box-shadow: inset 0 0 3px 3px #2a2a2a;
  color: #fff;
}
.flat-btn-dark-4:focus {
  box-shadow: 0 0 3px 4px #2d2d2d;
  background: #444444;
  color: #fff;
}

.ghost-btn-dark-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #313131;
  color: #313131;
}
.ghost-btn-dark-4:hover, .ghost-btn-dark-4:focus {
  background: #313131;
  color: #fff;
}

.flat-btn-dark-5 {
  background: #343434;
  border: 3px solid #343434;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-5:hover {
  background: #464646;
  box-shadow: inset 0 0 3px 3px #2d2d2d;
  color: #fff;
}
.flat-btn-dark-5:focus {
  box-shadow: 0 0 3px 4px #2f2f2f;
  background: #464646;
  color: #fff;
}

.ghost-btn-dark-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #343434;
  color: #343434;
}
.ghost-btn-dark-5:hover, .ghost-btn-dark-5:focus {
  background: #343434;
  color: #fff;
}

.flat-btn-dark-6 {
  background: #363636;
  border: 3px solid #363636;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-6:hover {
  background: #484848;
  box-shadow: inset 0 0 3px 3px #2e2e2e;
  color: #fff;
}
.flat-btn-dark-6:focus {
  box-shadow: 0 0 3px 4px #313131;
  background: #484848;
  color: #fff;
}

.ghost-btn-dark-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #363636;
  color: #363636;
}
.ghost-btn-dark-6:hover, .ghost-btn-dark-6:focus {
  background: #363636;
  color: #fff;
}

.flat-btn-dark-7 {
  background: #393939;
  border: 3px solid #393939;
  transition: box-shadow 0.2s linear;
}
.flat-btn-dark-7:hover {
  background: #4b4b4b;
  box-shadow: inset 0 0 3px 3px #313131;
  color: #fff;
}
.flat-btn-dark-7:focus {
  box-shadow: 0 0 3px 4px #343434;
  background: #4b4b4b;
  color: #fff;
}

.ghost-btn-dark-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #393939;
  color: #393939;
}
.ghost-btn-dark-7:hover, .ghost-btn-dark-7:focus {
  background: #393939;
  color: #fff;
}

.flat-btn-white-1 {
  background: #f1f1f1;
  border: 3px solid #f1f1f1;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-1:hover {
  background: #f2f2f2;
  box-shadow: inset 0 0 3px 3px #cfcfcf;
  color: #fff;
}
.flat-btn-white-1:focus {
  box-shadow: 0 0 3px 4px #dbdbdb;
  background: #f2f2f2;
  color: #fff;
}

.ghost-btn-white-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f1f1f1;
  color: #f1f1f1;
}
.ghost-btn-white-1:hover, .ghost-btn-white-1:focus {
  background: #f1f1f1;
  color: #fff;
}

.flat-btn-white-2 {
  background: #f2f2f2;
  border: 3px solid #f2f2f2;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-2:hover {
  background: #f3f3f3;
  box-shadow: inset 0 0 3px 3px #d0d0d0;
  color: #fff;
}
.flat-btn-white-2:focus {
  box-shadow: 0 0 3px 4px gainsboro;
  background: #f3f3f3;
  color: #fff;
}

.ghost-btn-white-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f2f2f2;
  color: #f2f2f2;
}
.ghost-btn-white-2:hover, .ghost-btn-white-2:focus {
  background: #f2f2f2;
  color: #fff;
}

.flat-btn-white-3 {
  background: #f3f3f3;
  border: 3px solid #f3f3f3;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-3:hover {
  background: #f4f4f4;
  box-shadow: inset 0 0 3px 3px #d1d1d1;
  color: #fff;
}
.flat-btn-white-3:focus {
  box-shadow: 0 0 3px 4px #dddddd;
  background: #f4f4f4;
  color: #fff;
}

.ghost-btn-white-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f3f3f3;
  color: #f3f3f3;
}
.ghost-btn-white-3:hover, .ghost-btn-white-3:focus {
  background: #f3f3f3;
  color: #fff;
}

.flat-btn-white-4 {
  background: #f4f4f4;
  border: 3px solid #f4f4f4;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-4:hover {
  background: whitesmoke;
  box-shadow: inset 0 0 3px 3px #d2d2d2;
  color: #fff;
}
.flat-btn-white-4:focus {
  box-shadow: 0 0 3px 4px #dedede;
  background: whitesmoke;
  color: #fff;
}

.ghost-btn-white-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f4f4f4;
  color: #f4f4f4;
}
.ghost-btn-white-4:hover, .ghost-btn-white-4:focus {
  background: #f4f4f4;
  color: #fff;
}

.flat-btn-white-5 {
  background: #f5f5f5;
  border: 3px solid #f5f5f5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-5:hover {
  background: #f6f6f6;
  box-shadow: inset 0 0 3px 3px lightgray;
  color: #fff;
}
.flat-btn-white-5:focus {
  box-shadow: 0 0 3px 4px #dfdfdf;
  background: #f6f6f6;
  color: #fff;
}

.ghost-btn-white-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f5f5f5;
  color: #f5f5f5;
}
.ghost-btn-white-5:hover, .ghost-btn-white-5:focus {
  background: #f5f5f5;
  color: #fff;
}

.flat-btn-white-6 {
  background: #f6f6f6;
  border: 3px solid #f6f6f6;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-6:hover {
  background: #f7f7f7;
  box-shadow: inset 0 0 3px 3px #d4d4d4;
  color: #fff;
}
.flat-btn-white-6:focus {
  box-shadow: 0 0 3px 4px #e0e0e0;
  background: #f7f7f7;
  color: #fff;
}

.ghost-btn-white-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f6f6f6;
  color: #f6f6f6;
}
.ghost-btn-white-6:hover, .ghost-btn-white-6:focus {
  background: #f6f6f6;
  color: #fff;
}

.flat-btn-white-7 {
  background: #f7f7f7;
  border: 3px solid #f7f7f7;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white-7:hover {
  background: #f8f8f8;
  box-shadow: inset 0 0 3px 3px #d4d4d4;
  color: #fff;
}
.flat-btn-white-7:focus {
  box-shadow: 0 0 3px 4px #e1e1e1;
  background: #f8f8f8;
  color: #fff;
}

.ghost-btn-white-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #f7f7f7;
  color: #f7f7f7;
}
.ghost-btn-white-7:hover, .ghost-btn-white-7:focus {
  background: #f7f7f7;
  color: #fff;
}

.flat-btn-gray-1 {
  background: #c5c5c5;
  border: 3px solid #c5c5c5;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-1:hover {
  background: #cacaca;
  box-shadow: inset 0 0 3px 3px darkgray;
  color: #fff;
}
.flat-btn-gray-1:focus {
  box-shadow: 0 0 3px 4px #b3b3b3;
  background: #cacaca;
  color: #fff;
}

.ghost-btn-gray-1 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #c5c5c5;
  color: #c5c5c5;
}
.ghost-btn-gray-1:hover, .ghost-btn-gray-1:focus {
  background: #c5c5c5;
  color: #fff;
}

.flat-btn-gray-2 {
  background: #9f9f9f;
  border: 3px solid #9f9f9f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-2:hover {
  background: #a8a8a8;
  box-shadow: inset 0 0 3px 3px #898989;
  color: #fff;
}
.flat-btn-gray-2:focus {
  box-shadow: 0 0 3px 4px #919191;
  background: #a8a8a8;
  color: #fff;
}

.ghost-btn-gray-2 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #9f9f9f;
  color: #9f9f9f;
}
.ghost-btn-gray-2:hover, .ghost-btn-gray-2:focus {
  background: #9f9f9f;
  color: #fff;
}

.flat-btn-gray-3 {
  background: #797979;
  border: 3px solid #797979;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-3:hover {
  background: #858585;
  box-shadow: inset 0 0 3px 3px #686868;
  color: #fff;
}
.flat-btn-gray-3:focus {
  box-shadow: 0 0 3px 4px #6e6e6e;
  background: #858585;
  color: #fff;
}

.ghost-btn-gray-3 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #797979;
  color: #797979;
}
.ghost-btn-gray-3:hover, .ghost-btn-gray-3:focus {
  background: #797979;
  color: #fff;
}

.flat-btn-gray-4 {
  background: #656565;
  border: 3px solid #656565;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-4:hover {
  background: #737373;
  box-shadow: inset 0 0 3px 3px #575757;
  color: #fff;
}
.flat-btn-gray-4:focus {
  box-shadow: 0 0 3px 4px #5c5c5c;
  background: #737373;
  color: #fff;
}

.ghost-btn-gray-4 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #656565;
  color: #656565;
}
.ghost-btn-gray-4:hover, .ghost-btn-gray-4:focus {
  background: #656565;
  color: #fff;
}

.flat-btn-gray-5 {
  background: #3f3f3f;
  border: 3px solid #3f3f3f;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-5:hover {
  background: #505050;
  box-shadow: inset 0 0 3px 3px #363636;
  color: #fff;
}
.flat-btn-gray-5:focus {
  box-shadow: 0 0 3px 4px #393939;
  background: #505050;
  color: #fff;
}

.ghost-btn-gray-5 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #3f3f3f;
  color: #3f3f3f;
}
.ghost-btn-gray-5:hover, .ghost-btn-gray-5:focus {
  background: #3f3f3f;
  color: #fff;
}

.flat-btn-gray-6 {
  background: #323232;
  border: 3px solid #323232;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-6:hover {
  background: #444444;
  box-shadow: inset 0 0 3px 3px #2b2b2b;
  color: #fff;
}
.flat-btn-gray-6:focus {
  box-shadow: 0 0 3px 4px #2e2e2e;
  background: #444444;
  color: #fff;
}

.ghost-btn-gray-6 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #323232;
  color: #323232;
}
.ghost-btn-gray-6:hover, .ghost-btn-gray-6:focus {
  background: #323232;
  color: #fff;
}

.flat-btn-gray-7 {
  background: #2c2c2c;
  border: 3px solid #2c2c2c;
  transition: box-shadow 0.2s linear;
}
.flat-btn-gray-7:hover {
  background: #3f3f3f;
  box-shadow: inset 0 0 3px 3px #262626;
  color: #fff;
}
.flat-btn-gray-7:focus {
  box-shadow: 0 0 3px 4px #282828;
  background: #3f3f3f;
  color: #fff;
}

.ghost-btn-gray-7 {
  background: #fff;
  transition: background-color 0.2s linear;
  border: 3px solid #2c2c2c;
  color: #2c2c2c;
}
.ghost-btn-gray-7:hover, .ghost-btn-gray-7:focus {
  background: #2c2c2c;
  color: #fff;
}

.flat-btn-white {
  background: #fff;
  color: #313131;
  border: 3px solid #fff;
  transition: box-shadow 0.2s linear;
}
.flat-btn-white:hover {
  background: white;
  box-shadow: inset 0 0 3px 3px #dbdbdb;
  color: #313131;
}
.flat-btn-white:focus {
  box-shadow: 0 0 3px 4px #e8e8e8;
  background: white;
  color: #313131;
}

.ghost-btn-white {
  background: transparent;
  transition: background-color 0.2s linear;
  border: 3px solid #fff;
  color: #fff;
}
.ghost-btn-white:hover, .ghost-btn-white:focus {
  background: #fff;
  color: #313131;
}

@media (min-width: 740px) {
  .btn,
.btn-link {
    padding: 0.75rem;
    font-size: 1rem;
  }
}
.card {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  height: auto;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 5px;
  overflow: hidden;
}

.card-content {
  width: 100%;
  flex: 1 1 auto;
  padding: 0.875rem 0.875rem;
}

.card-header,
.card-footer {
  flex: 1 1 auto;
  padding: 0.4375rem 0.4375rem;
  background: rgba(0, 0, 0, 0.06);
}

.card-header {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.card-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.card-img,
.card-img-top,
.card-img-bottom {
  display: block;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.card-img {
  border-radius: 5px;
}

.card-img-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.card-img-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.card-title {
  margin-bottom: 0.4375rem;
}

.card-subtitle {
  margin-top: -0.4375rem/2;
  margin-bottom: 0.4375rem;
}

.card-text {
  margin-bottom: 0.875rem;
}
.card-text:last-child {
  margin-bottom: 0;
}

.spinner-spaced,
.spinner-arrow,
.spinner-arrow-triple,
.spinner-border {
  color: #9f9f9f;
  box-sizing: border-box;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
}

.spinner-spaced {
  border: 4px solid transparent;
  border-top-color: currentColor;
  border-bottom-color: currentColor;
  animation: spinner 0.8s ease infinite;
}

.spinner-arrow {
  border-top: 4px solid currentColor;
  border-right: 4px solid transparent;
  animation: spinner 0.8s linear infinite;
}

.spinner-arrow-triple {
  border-top: 4px solid currentColor;
  border-bottom: 4px solid currentColor;
  animation: spinner 0.8s linear infinite;
}

.spinner-border {
  border: 4px solid #ccc;
  border-top-color: currentColor;
  animation: spinner 0.8s linear infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
.tooltips {
  position: relative !important;
  overflow: hidden;
}

.tooltip {
  position: absolute;
  width: auto;
  white-space: nowrap;
  background: #313131;
  padding: 0.4375rem;
  transition: transform 0.2s ease-in-out;
  visibility: hidden;
  opacity: 0;
  z-index: 1003;
  color: #313131;
  background: currentColor;
  border-radius: 5px;
}
.tooltip > * {
  font-size: 0.875rem;
  color: #fff;
}

.tooltip-top {
  left: -3px;
  bottom: calc(100% + 14px);
  transform: translateY(1.875rem);
}
.tooltip-top::before {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  transform: rotate(45deg);
  background: currentColor;
  bottom: -4px;
  left: 5.2px;
}

.tooltip-bottom {
  left: -3px;
  top: calc(100% + 14px);
  transform: translateY(1.875rem);
}
.tooltip-bottom::before {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  transform: rotate(45deg);
  background: currentColor;
  top: -4px;
  left: 5.2px;
}

.tooltip-left {
  top: -3px;
  right: calc(100% + 14px);
  transform: translateX(1.875rem);
}
.tooltip-left::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  transform: rotate(45deg);
  background: currentColor;
  right: -4px;
  top: 5.2px;
}

.tooltip-right {
  top: -3px;
  left: calc(100% + 14px);
  transform: translateX(1.875rem);
}
.tooltip-right::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  transform: rotate(45deg);
  background: currentColor;
  left: -4px;
  top: 5.2px;
}

.tooltips:hover {
  overflow: initial;
}
.tooltips:hover > .tooltip {
  visibility: visible;
  opacity: 1;
}
.tooltips:hover > .tooltip-top,
.tooltips:hover > .tooltip-bottom {
  transform: translateY(0);
}
.tooltips:hover > .tooltip-left,
.tooltips:hover > .tooltip-right {
  transform: translateX(0);
}

.long-quote {
  width: auto;
  display: block;
  padding: 0.875rem;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #313131;
  background: #fff;
  border-left: 0.375rem solid currentColor;
  border-right: 1px solid #ccc;
}

.long-quote-x {
  width: auto;
  display: block;
  padding: 0.875rem;
  border-radius: 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #313131;
  background: #fff;
  border-left: 0.375rem solid currentColor;
  border-right: 0.375rem solid currentColor;
}

.alert {
  position: relative;
  border-top: 0.0625rem solid transparent;
  border-right: 0.0625rem solid transparent;
  border-bottom: 0.0625rem solid transparent;
  border-left: 0.3125rem solid transparent;
  margin-bottom: 0.625rem;
  border-radius: 5px;
  padding: 0.875rem;
  overflow: hidden;
  z-index: 1011;
}
.alert > * {
  color: currentColor;
}

.btn-close {
  position: absolute;
  top: 0;
  right: calc(-0.875rem + 1px);
  background-color: transparent;
  padding: 0.4375rem 0.875rem;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s ease-in-out;
}
.btn-close,
.btn-close > * {
  font-weight: 500;
  font-size: 1.75rem;
  color: currentColor;
}
.btn-close:hover {
  color: currentColor;
  transform: scale(1.2);
  background-color: transparent;
}
.btn-close:focus {
  outline-color: currentColor;
}

.alert-primary {
  color: #1462ac !important;
  background-color: #81baf1;
  border-color: #1462ac;
}
.alert-primary .alert-link {
  font-weight: 700;
  color: #104e8a;
}

.alert-secondary {
  color: #424242 !important;
  background-color: #a3a3a3;
  border-color: #424242;
}
.alert-secondary .alert-link {
  font-weight: 700;
  color: #353535;
}

.alert-danger {
  color: #ad2c38 !important;
  background-color: #f2939b;
  border-color: #ad2c38;
}
.alert-danger .alert-link {
  font-weight: 700;
  color: #8a232d;
}

.alert-warning {
  color: #bf9105 !important;
  background-color: #ffdd77;
  border-color: #bf9105;
}
.alert-warning .alert-link {
  font-weight: 700;
  color: #997404;
}

.alert-success {
  color: #00763b !important;
  background-color: #73c99e;
  border-color: #00763b;
}
.alert-success .alert-link {
  font-weight: 700;
  color: #005e2f;
}

.alert-light {
  color: #bfbfbf !important;
  background-color: white;
  border-color: #bfbfbf;
}
.alert-light .alert-link {
  font-weight: 700;
  color: #999999;
}

.alert-dark {
  color: #252525 !important;
  background-color: #8e8e8e;
  border-color: #252525;
}
.alert-dark .alert-link {
  font-weight: 700;
  color: #1e1e1e;
}

.alert-info {
  color: #0c9197 !important;
  background-color: #7cdde1;
  border-color: #0c9197;
}
.alert-info .alert-link {
  font-weight: 700;
  color: #0a7479;
}

.alert-orange {
  color: #b57e48 !important;
  background-color: #f7cfa8;
  border-color: #b57e48;
}
.alert-orange .alert-link {
  font-weight: 700;
  color: #91653a;
}

.alert-violet {
  color: #7d389e !important;
  background-color: #cf9ce6;
  border-color: #7d389e;
}
.alert-violet .alert-link {
  font-weight: 700;
  color: #642d7e;
}

.alert-indigo {
  color: #6731bf !important;
  background-color: #be97ff;
  border-color: #6731bf;
}
.alert-indigo .alert-link {
  font-weight: 700;
  color: #522799;
}

.alert-pink {
  color: #a85982 !important;
  background-color: #eeb4d2;
  border-color: #a85982;
}
.alert-pink .alert-link {
  font-weight: 700;
  color: #864768;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
}

ul.pagination {
  list-style: none;
}

.page-item,
.page-controll,
.page-link > * {
  display: block;
  min-width: 3.125rem;
  width: auto;
  padding: 0.625rem;
  margin-left: 0.1875rem;
  box-sizing: border-box;
  background-color: #fff;
  border: 0.0625rem solid #ccc;
  color: #656565;
  font-size: 1.125rem;
  text-align: center;
  font-weight: 500;
}

.pagination-primary .page-item,
.pagination-primary .page-controll,
.pagination-primary .page-link > * {
  background-color: #1a82e5;
  color: #fff;
  border-color: #1462ac;
}
.pagination-primary .page-item:hover,
.pagination-primary .page-controll:hover,
.pagination-primary .page-link > *:hover {
  background: #2f8de7;
  box-shadow: inset 0 0 3px 3px #1670c5;
  color: #fff;
}
.pagination-primary .page-item:focus,
.pagination-primary .page-controll:focus,
.pagination-primary .page-link > *:focus {
  box-shadow: 0 0 3px 4px #1876d0;
  background: #2f8de7;
  color: #fff;
}

.pagination-secondary .page-item,
.pagination-secondary .page-controll,
.pagination-secondary .page-link > * {
  background-color: #585858;
  color: #fff;
  border-color: #424242;
}
.pagination-secondary .page-item:hover,
.pagination-secondary .page-controll:hover,
.pagination-secondary .page-link > *:hover {
  background: #676767;
  box-shadow: inset 0 0 3px 3px #4c4c4c;
  color: #fff;
}
.pagination-secondary .page-item:focus,
.pagination-secondary .page-controll:focus,
.pagination-secondary .page-link > *:focus {
  box-shadow: 0 0 3px 4px #505050;
  background: #676767;
  color: #fff;
}

.pagination-danger .page-item,
.pagination-danger .page-controll,
.pagination-danger .page-link > * {
  background-color: #e73b4a;
  color: #fff;
  border-color: #ad2c38;
}
.pagination-danger .page-item:hover,
.pagination-danger .page-controll:hover,
.pagination-danger .page-link > *:hover {
  background: #e94d5a;
  box-shadow: inset 0 0 3px 3px #c73340;
  color: #fff;
}
.pagination-danger .page-item:focus,
.pagination-danger .page-controll:focus,
.pagination-danger .page-link > *:focus {
  box-shadow: 0 0 3px 4px #d23643;
  background: #e94d5a;
  color: #fff;
}

.pagination-warning .page-item,
.pagination-warning .page-controll,
.pagination-warning .page-link > * {
  background-color: #ffc107;
  color: #fff;
  border-color: #bf9105;
}
.pagination-warning .page-item:hover,
.pagination-warning .page-controll:hover,
.pagination-warning .page-link > *:hover {
  background: #ffc71d;
  box-shadow: inset 0 0 3px 3px #dba606;
  color: #fff;
}
.pagination-warning .page-item:focus,
.pagination-warning .page-controll:focus,
.pagination-warning .page-link > *:focus {
  box-shadow: 0 0 3px 4px #e8b006;
  background: #ffc71d;
  color: #fff;
}

.pagination-success .page-item,
.pagination-success .page-controll,
.pagination-success .page-link > * {
  background-color: #009d4f;
  color: #fff;
  border-color: #00763b;
}
.pagination-success .page-item:hover,
.pagination-success .page-controll:hover,
.pagination-success .page-link > *:hover {
  background: #17a65f;
  box-shadow: inset 0 0 3px 3px #008744;
  color: #fff;
}
.pagination-success .page-item:focus,
.pagination-success .page-controll:focus,
.pagination-success .page-link > *:focus {
  box-shadow: 0 0 3px 4px #008f48;
  background: #17a65f;
  color: #fff;
}

.pagination-light .page-item,
.pagination-light .page-controll,
.pagination-light .page-link > * {
  background-color: #fff;
  color: #fff;
  border-color: #bfbfbf;
}
.pagination-light .page-item:hover,
.pagination-light .page-controll:hover,
.pagination-light .page-link > *:hover {
  background: white;
  box-shadow: inset 0 0 3px 3px #dbdbdb;
  color: #fff;
}
.pagination-light .page-item:focus,
.pagination-light .page-controll:focus,
.pagination-light .page-link > *:focus {
  box-shadow: 0 0 3px 4px #e8e8e8;
  background: white;
  color: #fff;
}

.pagination-dark .page-item,
.pagination-dark .page-controll,
.pagination-dark .page-link > * {
  background-color: #313131;
  color: #fff;
  border-color: #252525;
}
.pagination-dark .page-item:hover,
.pagination-dark .page-controll:hover,
.pagination-dark .page-link > *:hover {
  background: #444444;
  box-shadow: inset 0 0 3px 3px #2a2a2a;
  color: #fff;
}
.pagination-dark .page-item:focus,
.pagination-dark .page-controll:focus,
.pagination-dark .page-link > *:focus {
  box-shadow: 0 0 3px 4px #2d2d2d;
  background: #444444;
  color: #fff;
}

.pagination-info .page-item,
.pagination-info .page-controll,
.pagination-info .page-link > * {
  background-color: #10C1C9;
  color: #fff;
  border-color: #0c9197;
}
.pagination-info .page-item:hover,
.pagination-info .page-controll:hover,
.pagination-info .page-link > *:hover {
  background: #26c7ce;
  box-shadow: inset 0 0 3px 3px #0ea6ad;
  color: #fff;
}
.pagination-info .page-item:focus,
.pagination-info .page-controll:focus,
.pagination-info .page-link > *:focus {
  box-shadow: 0 0 3px 4px #0fb0b7;
  background: #26c7ce;
  color: #fff;
}

.pagination-orange .page-item,
.pagination-orange .page-controll,
.pagination-orange .page-link > * {
  background-color: #f1a860;
  color: #fff;
  border-color: #b57e48;
}
.pagination-orange .page-item:hover,
.pagination-orange .page-controll:hover,
.pagination-orange .page-link > *:hover {
  background: #f2b06e;
  box-shadow: inset 0 0 3px 3px #cf9053;
  color: #fff;
}
.pagination-orange .page-item:focus,
.pagination-orange .page-controll:focus,
.pagination-orange .page-link > *:focus {
  box-shadow: 0 0 3px 4px #db9957;
  background: #f2b06e;
  color: #fff;
}

.pagination-violet .page-item,
.pagination-violet .page-controll,
.pagination-violet .page-link > * {
  background-color: #a74bd2;
  color: #fff;
  border-color: #7d389e;
}
.pagination-violet .page-item:hover,
.pagination-violet .page-controll:hover,
.pagination-violet .page-link > *:hover {
  background: #af5bd6;
  box-shadow: inset 0 0 3px 3px #9041b5;
  color: #fff;
}
.pagination-violet .page-item:focus,
.pagination-violet .page-controll:focus,
.pagination-violet .page-link > *:focus {
  box-shadow: 0 0 3px 4px #9844bf;
  background: #af5bd6;
  color: #fff;
}

.pagination-indigo .page-item,
.pagination-indigo .page-controll,
.pagination-indigo .page-link > * {
  background-color: #8941ff;
  color: #fff;
  border-color: #6731bf;
}
.pagination-indigo .page-item:hover,
.pagination-indigo .page-controll:hover,
.pagination-indigo .page-link > *:hover {
  background: #9452ff;
  box-shadow: inset 0 0 3px 3px #7638db;
  color: #fff;
}
.pagination-indigo .page-item:focus,
.pagination-indigo .page-controll:focus,
.pagination-indigo .page-link > *:focus {
  box-shadow: 0 0 3px 4px #7d3be8;
  background: #9452ff;
  color: #fff;
}

.pagination-pink .page-item,
.pagination-pink .page-controll,
.pagination-pink .page-link > * {
  background-color: #e077ad;
  color: #fff;
  border-color: #a85982;
}
.pagination-pink .page-item:hover,
.pagination-pink .page-controll:hover,
.pagination-pink .page-link > *:hover {
  background: #e383b4;
  box-shadow: inset 0 0 3px 3px #c16695;
  color: #fff;
}
.pagination-pink .page-item:focus,
.pagination-pink .page-controll:focus,
.pagination-pink .page-link > *:focus {
  box-shadow: 0 0 3px 4px #cc6c9d;
  background: #e383b4;
  color: #fff;
}

.pagination-default .page-item,
.pagination-default .page-controll,
.pagination-default .page-link > * {
  background-color: #fff;
  color: #489bea;
  border-color: #bfbfbf;
}
.pagination-default .page-item:hover,
.pagination-default .page-controll:hover,
.pagination-default .page-link > *:hover {
  background: white;
  box-shadow: inset 0 0 3px 3px #dbdbdb;
  color: #489bea;
}
.pagination-default .page-item:focus,
.pagination-default .page-controll:focus,
.pagination-default .page-link > *:focus {
  box-shadow: 0 0 3px 4px #e8e8e8;
  background: white;
  color: #489bea;
}

.page-item,
.page-link {
  border-radius: 5px;
  overflow: hidden;
}

.page-link > * {
  border-radius: 5px;
}
.page-link > *,
.page-link > *:hover {
  text-decoration: none;
}

.page-controll > * {
  background-color: transparent;
  padding: 0;
  min-width: 0;
}

.page-controll:first-child {
  border-radius: 50% 5px 5px 50%;
  margin-left: 0;
}

.page-controll:last-child {
  border-radius: 5px 50% 50% 5px;
}

.progress {
  display: flex;
  border-radius: 5px;
  background-color: #ccc;
  white-space: nowrap;
  height: 1.25rem;
  margin-bottom: 0.625rem;
  overflow: hidden;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #797979;
  height: 100%;
  border-radius: 5px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  color: #fff;
}

.gradient-db {
  background-image: linear-gradient(to right, #314755 0%, #26A0DA 100%);
}

.gradient-oy {
  background-image: linear-gradient(to right, #E65C00 0%, #F9D423 100%);
}

.gradient-vp {
  background-image: linear-gradient(to right, #EC008C 0%, #FC6767 100%);
}

.gradient-bi {
  background-image: linear-gradient(to right, #2B32B2 0%, #1488CC 100%);
}

.gradient-rb {
  background-image: linear-gradient(to right, #00F260 0%, #0575E6 100%);
}

.gradient-red {
  background-image: linear-gradient(to right, #D31027 0%, #EA384D 100%);
}

.gradient-violet {
  background-image: linear-gradient(to right, #DA22FF 0%, #9733EE 100%);
}

.gradient-gray {
  background-image: linear-gradient(to right, #606C88 0%, #3F4C6B 100%);
}

.gradient-pink {
  background-image: linear-gradient(to right, #FBD3E9 0%, #BB377D 100%);
}

.gradient-dark {
  background-image: linear-gradient(to right, #000000 0%, #434343 100%);
}

.gradient-light {
  background-image: linear-gradient(to right, #E0EAFC 0%, #CFDEF3 100%);
}

.roadmap {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.roadmap-item {
  flex-grow: 1;
  padding: 10px 10px 10px 40px;
  position: relative;
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #ccc;
}
.roadmap-item::before {
  content: attr(data-roadmap);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 1.5rem;
  color: #fff;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background-color: #489bea;
  position: absolute;
  top: 0;
  left: -25px;
}

.roadmap-content {
  max-width: 100%;
}

.roadmap-border {
  color: #489bea;
}
.roadmap-border::before {
  background-color: #fff;
  color: currentColor;
  border: 2px solid currentColor;
}

.roadmap-primary::before {
  background-color: #1a82e5;
}

.roadmap-secondary::before {
  background-color: #585858;
}

.roadmap-danger::before {
  background-color: #e73b4a;
}

.roadmap-warning::before {
  background-color: #ffc107;
}

.roadmap-success::before {
  background-color: #009d4f;
}

.roadmap-light::before {
  background-color: #fff;
}

.roadmap-dark::before {
  background-color: #313131;
}

.roadmap-info::before {
  background-color: #10C1C9;
}

.roadmap-orange::before {
  background-color: #f1a860;
}

.roadmap-violet::before {
  background-color: #a74bd2;
}

.roadmap-indigo::before {
  background-color: #8941ff;
}

.roadmap-pink::before {
  background-color: #e077ad;
}

.accordion {
  --fw-accordion-color: #8dc1f2;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #ccc;
  padding: 0.875rem;
  margin-bottom: 0.625rem;
  background-color: #fff;
  border-radius: 0.3125rem;
}

.accordion-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.0625rem solid #ccc;
  background-color: #fff;
}
.accordion-item + .accordion-item {
  border-top: none;
}
.accordion-item:first-child {
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
}
.accordion-item:last-child {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}

.accordion-header {
  width: 100%;
  padding: 0;
}

.accordion-button {
  width: 100%;
  padding: 0.875rem;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  font-size: 1.125rem;
  font-weight: 500;
  color: #313131;
  background-color: #fff;
  border: none;
  border-radius: none;
  outline: none;
  margin: 0;
}
.accordion-button:hover {
  background-color: var(--fw-accordion-color);
}

.accordion-content {
  background-color: #fff;
  width: 100%;
  max-height: 0;
  overflow: hidden;
}

.accordion-body {
  border-left: 0.3125rem solid var(--fw-accordion-color);
  padding: 0.3125rem;
}
.accordion-body > * {
  text-align: left;
}

.accordion-show {
  max-height: 100%;
  padding: 0.875rem;
}

.accordion-clicked {
  border: 0.0625rem solid #ccc;
  background-color: var(--fw-accordion-color);
}
.accordion-clicked > .accordion-icon {
  transition: transform 0.3s linear;
  transform: rotate(180deg);
}

.accordion-primary {
  --fw-accordion-color: #1a82e5;
}

.accordion-secondary {
  --fw-accordion-color: #585858;
}

.accordion-danger {
  --fw-accordion-color: #e73b4a;
}

.accordion-warning {
  --fw-accordion-color: #ffc107;
}

.accordion-success {
  --fw-accordion-color: #009d4f;
}

.accordion-light {
  --fw-accordion-color: #fff;
}

.accordion-dark {
  --fw-accordion-color: #313131;
}

.accordion-info {
  --fw-accordion-color: #10C1C9;
}

.accordion-orange {
  --fw-accordion-color: #f1a860;
}

.accordion-violet {
  --fw-accordion-color: #a74bd2;
}

.accordion-indigo {
  --fw-accordion-color: #8941ff;
}

.accordion-pink {
  --fw-accordion-color: #e077ad;
}

.badge {
  display: inline-block;
  padding: 0.3em 0.65em;
  border-radius: 5px;
  background-color: #656565;
  color: #fff;
  font-size: 0.8em;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: baseline;
  margin: 0.625rem 0.3125rem;
}

.carousel {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c5c5c5;
  border-radius: 5px;
}

.carousel-container {
  width: 100%;
  height: auto;
}

.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  clip-path: circle(30% at 0 50%);
  z-index: -1;
}
.carousel-item > * {
  height: 100%;
  width: 100%;
}
.carousel-item > img {
  object-fit: cover;
  object-position: center;
}
.carousel-item.active {
  z-index: 1;
  clip-path: circle(150% at 0 50%);
  transition: clip-path 0.8s linear;
}

.carousel-dots {
  z-index: 2;
  position: absolute;
  bottom: 0.3125rem;
  width: auto;
  padding: 0.3125rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.carousel-dot {
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.1875rem solid #9f9f9f;
  background-color: transparent;
  color: #c5c5c5;
}
.carousel-dot + .carousel-dot {
  margin-left: 1.25rem;
}
.carousel-dot.active {
  border-color: currentColor;
}

.carousel-control {
  position: absolute;
  z-index: 2;
  top: calc(50% - 30px);
  width: 3.125rem;
  height: 3.75rem;
  border: none;
  outline: none;
  background-color: transparent;
}
.carousel-control,
.carousel-control > * {
  font-size: 2.1875rem;
  color: #797979;
}
.carousel-control.active, .carousel-control:hover, .carousel-control:focus {
  background-color: transparent;
}
.carousel-control.active,
.carousel-control.active > *, .carousel-control:hover,
.carousel-control:hover > *, .carousel-control:focus,
.carousel-control:focus > * {
  color: #c5c5c5;
}

.carousel-control:nth-child(1) {
  left: 0;
}

.carousel-control:nth-child(2) {
  right: 0;
}

.form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.875rem;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.form-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0.625rem;
}
.form-wrapper + .form-wrapper {
  padding-top: 0.625rem;
}

.form-inline > .form-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.form-inline > .form-wrapper > .form-label {
  margin-right: 0.625rem;
}

.form-input {
  width: 100%;
  padding: 0.5rem 0.9375rem;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin: 0.625rem 0 0 0;
  font-size: 1.125rem;
  font-weight: 400;
  color: #797979;
  outline: none;
  transition: border 0.3s ease-in-out;
}
.form-input:focus {
  border-color: #489bea;
  border-width: 3px;
}

.form-label {
  margin: 0;
  font-size: 1.125rem;
  color: #656565;
  line-height: 1;
  font-weight: 500;
}

.form-button {
  margin-top: 0.875rem;
  margin-bottom: 0;
}

.form-select {
  background-color: #fff;
  padding: 0.875rem 0.625rem;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 1.125rem;
  font-weight: 500;
  color: #656565;
  text-align: left;
  outline: none;
}
.form-select:focus {
  border-width: 3px;
  border-color: #489bea;
}

.flex div {
  width: calc(33.333% - 20px);
}

/*# sourceMappingURL=flowcss.css.map */
